@bloom-housing/ui-components 7.0.8-alpha.0 → 7.2.0

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

@@ -0,0 +1,170 @@
+"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;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withStaticData = exports.withPreviousSelections = exports.standard = void 0;
+var react_1 = __importStar(require("react"));
+var constants_1 = require("../../.storybook/constants");
+var MultiSelectField_1 = __importDefault(require("./MultiSelectField"));
+var react_hook_form_1 = require("react-hook-form");
+var MultiSelectField_docs_mdx_1 = __importDefault(require("./MultiSelectField.docs.mdx"));
+exports.default = {
+    title: "Forms/MultiSelect Field 🚩",
+    id: "forms/multi-select-field",
+    decorators: [
+        function (storyFn) { return (react_1.default.createElement("div", { style: { padding: "30px", maxWidth: "600px" } }, storyFn())); },
+    ],
+    parameters: {
+        docs: {
+            page: MultiSelectField_docs_mdx_1.default,
+        },
+        badges: [constants_1.BADGES.GEN2],
+    },
+};
+var later = function (delay) { return new Promise(function (resolve) { return setTimeout(resolve, delay); }); };
+var dataProvider = function (query, _render, isFirstCall) { return __awaiter(void 0, void 0, void 0, function () {
+    var customTypeahead;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                if (isFirstCall && query !== "undefined") {
+                    return [2 /*return*/, query.split(",").map(function (item) {
+                            return {
+                                value: "item1",
+                                label: "Item 1",
+                            };
+                        })];
+                }
+                return [4 /*yield*/, later(100)];
+            case 1:
+                _a.sent();
+                customTypeahead = query.toString().length > 0
+                    ? [
+                        {
+                            value: "customitem",
+                            label: "You typed: ".concat(query),
+                        },
+                    ]
+                    : [];
+                return [2 /*return*/, __spreadArray([
+                        {
+                            value: "item1",
+                            label: "Item 1",
+                        },
+                        {
+                            value: "item2",
+                            label: "Another Item 2",
+                        }
+                    ], customTypeahead, true)];
+        }
+    });
+}); };
+var standard = function () {
+    var _a = (0, react_1.useState)(""), formOutput = _a[0], setFormOutput = _a[1];
+    var _b = (0, react_hook_form_1.useForm)(), register = _b.register, handleSubmit = _b.handleSubmit, setValue = _b.setValue, getValues = _b.getValues;
+    var onSubmit = function (data) { return setFormOutput(JSON.stringify(data)); };
+    return (react_1.default.createElement("form", { onSubmit: handleSubmit(onSubmit) },
+        react_1.default.createElement(MultiSelectField_1.default, { dataSource: dataProvider, label: "Select one or more items", placeholder: "Type to search", id: "the-value", name: "thevalue", register: register, getValues: getValues, setValue: setValue }),
+        react_1.default.createElement("button", { type: "submit", className: "button" }, "View Output"),
+        react_1.default.createElement("output", { style: { display: "block", marginBlockStart: "2rem" } }, formOutput)));
+};
+exports.standard = standard;
+var withPreviousSelections = function () {
+    var _a = (0, react_1.useState)(""), formOutput = _a[0], setFormOutput = _a[1];
+    var _b = (0, react_hook_form_1.useForm)({
+        defaultValues: { nested: { thevalue: "item1" } },
+    }), register = _b.register, handleSubmit = _b.handleSubmit, getValues = _b.getValues, setValue = _b.setValue;
+    var onSubmit = function (data) { return setFormOutput(JSON.stringify(data)); };
+    return (react_1.default.createElement("form", { onSubmit: handleSubmit(onSubmit) },
+        react_1.default.createElement(MultiSelectField_1.default, { dataSource: dataProvider, label: "Select one or more items", placeholder: "Type to search", id: "the-value", name: "nested.thevalue", register: register, getValues: getValues, setValue: setValue }),
+        react_1.default.createElement("button", { type: "submit", className: "button" }, "View Output"),
+        react_1.default.createElement("output", { style: { display: "block", marginBlockStart: "2rem" } }, formOutput)));
+};
+exports.withPreviousSelections = withPreviousSelections;
+var staticData = [];
+for (var i = 0; i < 100; i++) {
+    staticData.push({
+        value: "item".concat(i + 1),
+        label: "Item ".concat(i + 1, " in a long list"),
+    });
+}
+var withStaticData = function () {
+    var _a = (0, react_1.useState)(""), formOutput = _a[0], setFormOutput = _a[1];
+    var _b = (0, react_hook_form_1.useForm)(), register = _b.register, handleSubmit = _b.handleSubmit, getValues = _b.getValues, setValue = _b.setValue;
+    var onSubmit = function (data) { return setFormOutput(JSON.stringify(data)); };
+    return (react_1.default.createElement("form", { onSubmit: handleSubmit(onSubmit) },
+        react_1.default.createElement(MultiSelectField_1.default, { dataSource: staticData, label: "Select one or more items", placeholder: "Type to search", id: "the-value", name: "selectedOptions", register: register, getValues: getValues, setValue: setValue }),
+        react_1.default.createElement("button", { type: "submit", className: "button" }, "View Output"),
+        react_1.default.createElement("output", { style: { display: "block", marginBlockStart: "2rem" } }, formOutput)));
+};
+exports.withStaticData = withStaticData;
+//# sourceMappingURL=MultiSelectField.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectField.stories.js","sourceRoot":"","sources":["../../../src/forms/MultiSelectField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,wDAAmD;AACnD,wEAG2B;AAC3B,mDAAyC;AACzC,0FAAuE;AAEvE,kBAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,EAAE,EAAE,0BAA0B;IAC9B,UAAU,EAAE;QACV,UAAC,OAA0B,IAAK,OAAA,CAC9B,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAG,OAAO,EAAE,CAAO,CACtE,EAF+B,CAE/B;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,mCAA6B;SACpC;QACD,MAAM,EAAE,CAAC,kBAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAED,IAAM,KAAK,GAAG,UAAC,KAAa,IAAK,OAAA,IAAI,OAAO,CAAC,UAAC,OAAO,IAAK,OAAA,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,EAA1B,CAA0B,CAAC,EAApD,CAAoD,CAAA;AAErF,IAAM,YAAY,GAAiE,UACjF,KAAK,EACL,OAAO,EACP,WAAW;;;;;gBAEX,IAAI,WAAW,IAAI,KAAK,KAAK,WAAW,EAAE;oBACxC,sBAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI;4BAC/B,OAAO;gCACL,KAAK,EAAE,OAAO;gCACd,KAAK,EAAE,QAAQ;6BAChB,CAAA;wBACH,CAAC,CAAC,EAAA;iBACH;gBAED,qBAAM,KAAK,CAAC,GAAG,CAAC,EAAA;;gBAAhB,SAAgB,CAAA;gBAEZ,eAAe,GACjB,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,CAAC;oBACzB,CAAC,CAAC;wBACE;4BACE,KAAK,EAAE,YAAY;4BACnB,KAAK,EAAE,qBAAc,KAAK,CAAE;yBAC7B;qBACF;oBACH,CAAC,CAAC,EAAE,CAAA;gBAER;wBACE;4BACE,KAAK,EAAE,OAAO;4BACd,KAAK,EAAE,QAAQ;yBAChB;wBACD;4BACE,KAAK,EAAE,OAAO;4BACd,KAAK,EAAE,gBAAgB;yBACxB;uBACE,eAAe,SACnB;;;KACF,CAAA;AAEM,IAAM,QAAQ,GAAG;IAChB,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAA;IAC1C,IAAA,KAAkD,IAAA,yBAAO,GAAE,EAAzD,QAAQ,cAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAc,CAAA;IACjE,IAAM,QAAQ,GAAG,UAAC,IAAyB,IAAK,OAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAnC,CAAmC,CAAA;IAEnF,OAAO,CACL,wCAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;QACpC,8BAAC,0BAAgB,IACf,UAAU,EAAE,YAAY,EACxB,KAAK,EAAC,0BAA0B,EAChC,WAAW,EAAC,gBAAgB,EAC5B,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB;QACF,0CAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,kBAE/B;QACT,0CAAQ,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAG,UAAU,CAAU,CAC/E,CACR,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,QAAQ,YAuBpB;AAEM,IAAM,sBAAsB,GAAG;IAC9B,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAA;IAC1C,IAAA,KAAkD,IAAA,yBAAO,EAAC;QAC9D,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;KACjD,CAAC,EAFM,QAAQ,cAAA,EAAE,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAEjD,CAAA;IACF,IAAM,QAAQ,GAAG,UAAC,IAAyB,IAAK,OAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAnC,CAAmC,CAAA;IAEnF,OAAO,CACL,wCAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;QACpC,8BAAC,0BAAgB,IACf,UAAU,EAAE,YAAY,EACxB,KAAK,EAAC,0BAA0B,EAChC,WAAW,EAAC,gBAAgB,EAC5B,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,iBAAiB,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB;QACF,0CAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,kBAE/B;QACT,0CAAQ,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAG,UAAU,CAAU,CAC/E,CACR,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,sBAAsB,0BAyBlC;AAED,IAAM,UAAU,GAA2B,EAAE,CAAA;AAC7C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;IAC5B,UAAU,CAAC,IAAI,CAAC;QACd,KAAK,EAAE,cAAO,CAAC,GAAG,CAAC,CAAE;QACrB,KAAK,EAAE,eAAQ,CAAC,GAAG,CAAC,oBAAiB;KACtC,CAAC,CAAA;CACH;AAEM,IAAM,cAAc,GAAG;IACtB,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAA;IAC1C,IAAA,KAAkD,IAAA,yBAAO,GAAE,EAAzD,QAAQ,cAAA,EAAE,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAc,CAAA;IACjE,IAAM,QAAQ,GAAG,UAAC,IAAyB,IAAK,OAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAnC,CAAmC,CAAA;IAEnF,OAAO,CACL,wCAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;QACpC,8BAAC,0BAAgB,IACf,UAAU,EAAE,UAAU,EACtB,KAAK,EAAC,0BAA0B,EAChC,WAAW,EAAC,gBAAgB,EAC5B,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,iBAAiB,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB;QACF,0CAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,kBAE/B;QACT,0CAAQ,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAG,UAAU,CAAU,CAC/E,CACR,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,cAAc,kBAuB1B"}

package/dist/src/forms/PhoneField.d.ts

@@ -0,0 +1,18 @@
+export declare const PhoneField: (props: {
+    error?: boolean | undefined;
+    errorMessage?: string | undefined;
+    controlClassName?: string | undefined;
+    subNote?: string | undefined;
+    id?: string | undefined;
+    name: string;
+    label?: string | undefined;
+    caps?: boolean | undefined;
+    readerOnly?: boolean | undefined;
+    placeholder?: string | undefined;
+    defaultValue?: string | undefined;
+    control?: any;
+    disabled?: boolean | undefined;
+    required?: boolean | undefined;
+    mask?: ((args: any) => JSX.Element) | undefined;
+    dataTestId?: string | undefined;
+}) => JSX.Element;

package/dist/src/forms/PhoneField.js

@@ -0,0 +1,63 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhoneField = void 0;
+var react_1 = __importDefault(require("react"));
+var ErrorMessage_1 = require("../notifications/ErrorMessage");
+var PhoneMask_1 = require("./PhoneMask");
+var react_hook_form_1 = require("react-hook-form");
+var PhoneField = function (props) {
+    var labelClasses = ["label"];
+    if (props.caps)
+        labelClasses.push("text__caps-spaced");
+    if (props.readerOnly)
+        labelClasses.push("sr-only");
+    /**
+     * we need to handle two different use cases,
+     * 1. supplying the render function
+     * 2. allowing for "as"
+     * So shared props below with two different Controller renders
+     */
+    var controllerProps = {
+        className: "input",
+        id: props.id,
+        name: props.name,
+        placeholder: props.placeholder,
+        defaultValue: props.defaultValue || "",
+        disabled: props.disabled,
+        control: props.control,
+        rules: {
+            validate: {
+                inputTel: function (v) {
+                    var _a;
+                    if (!props.required && !(v === null || v === void 0 ? void 0 : v.length))
+                        return true;
+                    var dropdown = document.querySelector("#" + props.name.replace(".", "\\."));
+                    if (!dropdown || dropdown.disabled)
+                        return true;
+                    return ((_a = v === null || v === void 0 ? void 0 : v.match(/\d/g)) === null || _a === void 0 ? void 0 : _a.length) == 10 ? true : false;
+                },
+            },
+        },
+    };
+    return (react_1.default.createElement("div", { className: "field " + (props.error ? "error" : "") },
+        props.label && react_1.default.createElement("label", { className: labelClasses.join(" ") }, props.label),
+        react_1.default.createElement("div", { className: props.controlClassName, "data-test-id": props.dataTestId }, props.mask ? (react_1.default.createElement(react_hook_form_1.Controller, __assign({}, controllerProps, { render: props.mask }))) : (react_1.default.createElement(react_hook_form_1.Controller, __assign({}, controllerProps, { as: PhoneMask_1.PhoneMask })))),
+        props.subNote && react_1.default.createElement("p", { className: "field-sub-note" }, props.subNote),
+        react_1.default.createElement(ErrorMessage_1.ErrorMessage, { id: "".concat(props.id, "-error"), error: props.error }, props.errorMessage)));
+};
+exports.PhoneField = PhoneField;
+//# sourceMappingURL=PhoneField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../src/forms/PhoneField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,8DAA4D;AAC5D,yCAAuC;AACvC,mDAA4C;AAErC,IAAM,UAAU,GAAG,UAAC,KAiB1B;IACC,IAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAA;IAC9B,IAAI,KAAK,CAAC,IAAI;QAAE,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;IACtD,IAAI,KAAK,CAAC,UAAU;QAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAClD;;;;;OAKG;IACH,IAAM,eAAe,GAAG;QACtB,SAAS,EAAE,OAAO;QAClB,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE;QACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,KAAK,EAAE;YACL,QAAQ,EAAE;gBACR,QAAQ,EAAE,UAAC,CAAS;;oBAClB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,CAAA;wBAAE,OAAO,IAAI,CAAA;oBAE9C,IAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACrC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CACrC,CAAA;oBACD,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ;wBAAE,OAAO,IAAI,CAAA;oBAC/C,OAAO,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,KAAK,CAAC,0CAAE,MAAM,KAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;gBACrD,CAAC;aACF;SACF;KACF,CAAA;IAED,OAAO,CACL,uCAAK,SAAS,EAAE,QAAQ,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,KAAK,CAAC,KAAK,IAAI,yCAAO,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,KAAK,CAAS;QAC/E,uCAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,kBAAgB,KAAK,CAAC,UAAU,IACnE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,8BAAC,4BAAU,eAAK,eAAe,IAAE,MAAM,EAAE,KAAK,CAAC,IAAI,IAAI,CACxD,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAU,eAAK,eAAe,IAAE,EAAE,EAAE,qBAAS,IAAI,CACnD,CACG;QACL,KAAK,CAAC,OAAO,IAAI,qCAAG,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAC,OAAO,CAAK;QACnE,8BAAC,2BAAY,IAAC,EAAE,EAAE,UAAG,KAAK,CAAC,EAAE,WAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IACtD,KAAK,CAAC,YAAY,CACN,CACX,CACP,CAAA;AACH,CAAC,CAAA;AAlEY,QAAA,UAAU,cAkEtB"}

package/dist/src/forms/PhoneMask.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const PhoneMask: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;

package/dist/src/forms/PhoneMask.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhoneMask = void 0;
+var react_1 = __importDefault(require("react"));
+var react_text_mask_1 = __importDefault(require("react-text-mask"));
+exports.PhoneMask = react_1.default.forwardRef(function (props, ref) {
+    var value = props.value, onChange = props.onChange, name = props.name, disabled = props.disabled, placeholder = props.placeholder;
+    return (react_1.default.createElement(react_text_mask_1.default, { mask: ["(", /[1-9]/, /\d/, /\d/, ")", " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/], className: "input", type: "tel", placeholder: placeholder || "(555) 555-5555", guide: false, id: name, value: value, name: name, disabled: disabled, onChange: function (e) {
+            e.persist();
+            onChange(e);
+        }, ref: ref }));
+});
+//# sourceMappingURL=PhoneMask.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneMask.js","sourceRoot":"","sources":["../../../src/forms/PhoneMask.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,oEAAyC;AAE5B,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,UAAC,KAAU,EAAE,GAAQ;IACrD,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,QAAQ,GAAkC,KAAK,SAAvC,EAAE,IAAI,GAA4B,KAAK,KAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAE9D,OAAO,CACL,8BAAC,yBAAW,IACV,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EACzF,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,WAAW,EAAE,WAAW,IAAI,gBAAgB,EAC5C,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAC,CAAM;YACf,CAAC,CAAC,OAAO,EAAE,CAAA;YACX,QAAQ,CAAC,CAAC,CAAC,CAAA;QACb,CAAC,EACD,GAAG,EAAE,GAAG,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/src/forms/Select.d.ts

@@ -0,0 +1,28 @@
+import { UseFormMethods, RegisterOptions } from "react-hook-form";
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+interface SelectProps {
+    error?: boolean;
+    errorMessage?: string;
+    controlClassName?: string;
+    labelClassName?: string;
+    type?: string;
+    id?: string;
+    name: string;
+    label?: string;
+    subNote?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    register?: UseFormMethods["register"];
+    validation?: RegisterOptions;
+    disabled?: boolean;
+    options: (string | SelectOption)[];
+    keyPrefix?: string;
+    describedBy?: string;
+    inputProps?: Record<string, unknown>;
+    dataTestId?: string;
+}
+export declare const Select: ({ error, errorMessage, controlClassName, labelClassName, id, name, label, placeholder, register, validation, disabled, options, keyPrefix, describedBy, inputProps, defaultValue, subNote, dataTestId, }: SelectProps) => JSX.Element;
+export {};

package/dist/src/forms/Select.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+var react_1 = __importDefault(require("react"));
+var ErrorMessage_1 = require("../notifications/ErrorMessage");
+var formOptions_1 = require("../helpers/formOptions");
+var Select = function (_a) {
+    var error = _a.error, errorMessage = _a.errorMessage, controlClassName = _a.controlClassName, labelClassName = _a.labelClassName, id = _a.id, name = _a.name, label = _a.label, placeholder = _a.placeholder, register = _a.register, validation = _a.validation, disabled = _a.disabled, options = _a.options, keyPrefix = _a.keyPrefix, describedBy = _a.describedBy, inputProps = _a.inputProps, defaultValue = _a.defaultValue, subNote = _a.subNote, dataTestId = _a.dataTestId;
+    return (react_1.default.createElement("div", { className: "field ".concat(error ? "error" : "") },
+        react_1.default.createElement("label", { className: labelClassName, htmlFor: id }, label),
+        react_1.default.createElement("div", { className: controlClassName },
+            react_1.default.createElement("select", __assign({ className: "input", id: id || name, name: name, "data-test-id": dataTestId, "aria-describedby": describedBy ? describedBy : "".concat(id, "-error"), "aria-invalid": !!error || false, "aria-label": label, ref: register && register(validation), disabled: disabled, defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : "" }, inputProps),
+                placeholder && (react_1.default.createElement("option", { value: "", disabled: true }, placeholder)),
+                react_1.default.createElement(formOptions_1.FormOptions, { options: options, keyPrefix: keyPrefix }))),
+        subNote && react_1.default.createElement("p", { className: "field-sub-note" }, subNote),
+        error && errorMessage && (react_1.default.createElement(ErrorMessage_1.ErrorMessage, { id: "".concat(id, "-error"), error: error }, errorMessage))));
+};
+exports.Select = Select;
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/forms/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,8DAA4D;AAC5D,sDAAoD;AA8B7C,IAAM,MAAM,GAAG,UAAC,EAmBT;QAlBZ,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,UAAU,gBAAA;IAEV,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAS,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAE;QAC7C,yCAAO,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,IAC1C,KAAK,CACA;QACR,uCAAK,SAAS,EAAE,gBAAgB;YAC9B,mDACE,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE,EAAE,IAAI,IAAI,EACd,IAAI,EAAE,IAAI,kBACI,UAAU,sBACN,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAG,EAAE,WAAQ,kBAC7C,CAAC,CAAC,KAAK,IAAI,KAAK,gBAClB,KAAK,EACjB,GAAG,EAAE,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,EACrC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,IAC5B,UAAU;gBAEb,WAAW,IAAI,CACd,0CAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,UACtB,WAAW,CACL,CACV;gBACD,8BAAC,yBAAW,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAChD,CACL;QACL,OAAO,IAAI,qCAAG,SAAS,EAAC,gBAAgB,IAAE,OAAO,CAAK;QACtD,KAAK,IAAI,YAAY,IAAI,CACxB,8BAAC,2BAAY,IAAC,EAAE,EAAE,UAAG,EAAE,WAAQ,EAAE,KAAK,EAAE,KAAK,IAC1C,YAAY,CACA,CAChB,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAvDY,QAAA,MAAM,UAuDlB"}

package/dist/src/forms/Textarea.d.ts

@@ -0,0 +1,25 @@
+import "./Textarea.scss";
+import { UseFormMethods } from "react-hook-form";
+declare type WrapOptions = "soft" | "hard";
+export interface TextareaProps {
+    cols?: number;
+    defaultValue?: string;
+    disabled?: boolean;
+    errorMessage?: string;
+    fullWidth?: boolean;
+    id?: string;
+    label: string;
+    maxLength?: number;
+    name: string;
+    note?: string;
+    placeholder?: string;
+    register?: UseFormMethods["register"];
+    resize?: boolean;
+    rows?: number;
+    wrap?: WrapOptions;
+    readerOnly?: boolean;
+    inputProps?: Record<string, unknown>;
+    dataTestId?: string;
+}
+export declare const Textarea: (props: TextareaProps) => JSX.Element;
+export {};

package/dist/src/forms/Textarea.js

@@ -0,0 +1,65 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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.Textarea = void 0;
+var React = __importStar(require("react"));
+require("./Textarea.scss");
+var translator_1 = require("../helpers/translator");
+var Textarea = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    var textareaClassnames = ["textarea"];
+    if (props.disabled)
+        textareaClassnames.push("textarea-disabled");
+    if (props.errorMessage)
+        textareaClassnames.push("textarea-error");
+    if (props.resize === false)
+        textareaClassnames.push("textarea-resize-off");
+    if (props.fullWidth)
+        textareaClassnames.push("w-full");
+    var labelClassnames = ["textarea-label"];
+    if (props.errorMessage)
+        labelClassnames.push("textarea-label-error");
+    if (props.readerOnly)
+        labelClassnames.push("sr-only");
+    var inputProps = __assign({}, props.inputProps);
+    return (React.createElement("div", null,
+        React.createElement("label", { className: labelClassnames.join(" "), htmlFor: (_a = props.id) !== null && _a !== void 0 ? _a : props.name }, props.label),
+        React.createElement("textarea", __assign({ className: textareaClassnames.join(" "), cols: (_b = props.cols) !== null && _b !== void 0 ? _b : 40, disabled: props.disabled, defaultValue: props.defaultValue, id: (_c = props.id) !== null && _c !== void 0 ? _c : props.name, maxLength: (_d = props.maxLength) !== null && _d !== void 0 ? _d : 1000, name: props.name, placeholder: (_e = props.placeholder) !== null && _e !== void 0 ? _e : (0, translator_1.t)("t.description"), ref: props.register, rows: (_f = props.rows) !== null && _f !== void 0 ? _f : 4, wrap: (_g = props.wrap) !== null && _g !== void 0 ? _g : "soft", title: props.label }, inputProps, { "data-test-id": props.dataTestId })),
+        props.note && React.createElement("p", { className: "field-note font-normal mb-2" }, props.note),
+        props.errorMessage && React.createElement("span", { className: "textarea-error-message" }, props.errorMessage)));
+};
+exports.Textarea = Textarea;
+//# sourceMappingURL=Textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/forms/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2BAAwB;AACxB,oDAAyC;AA0BlC,IAAM,QAAQ,GAAG,UAAC,KAAoB;;IAC3C,IAAM,kBAAkB,GAAG,CAAC,UAAU,CAAC,CAAA;IACvC,IAAI,KAAK,CAAC,QAAQ;QAAE,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;IAChE,IAAI,KAAK,CAAC,YAAY;QAAE,kBAAkB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IACjE,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK;QAAE,kBAAkB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;IAC1E,IAAI,KAAK,CAAC,SAAS;QAAE,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACtD,IAAM,eAAe,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAC1C,IAAI,KAAK,CAAC,YAAY;QAAE,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;IACpE,IAAI,KAAK,CAAC,UAAU;QAAE,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAErD,IAAM,UAAU,gBAAQ,KAAK,CAAC,UAAU,CAAE,CAAA;IAE1C,OAAO,CACL;QACE,+BAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,EAAE,mCAAI,KAAK,CAAC,IAAI,IACzE,KAAK,CAAC,KAAK,CACN;QACR,2CACE,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,EACvC,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,EAAE,EAAE,MAAA,KAAK,CAAC,EAAE,mCAAI,KAAK,CAAC,IAAI,EAC1B,SAAS,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,IAAI,EAClC,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,IAAA,cAAC,EAAC,eAAe,CAAC,EACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,CAAC,EACrB,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,MAAM,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,IACd,UAAU,oBACA,KAAK,CAAC,UAAU,IAC9B;QACD,KAAK,CAAC,IAAI,IAAI,2BAAG,SAAS,EAAC,6BAA6B,IAAE,KAAK,CAAC,IAAI,CAAK;QACzE,KAAK,CAAC,YAAY,IAAI,8BAAM,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,YAAY,CAAQ,CACvF,CACP,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,QAAQ,YAqCpB"}

package/dist/src/forms/Textarea.stories.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const defaultTextarea: () => JSX.Element;
+export declare const maxLengthCustom: () => JSX.Element;
+export declare const noResize: () => JSX.Element;
+export declare const customSize: () => JSX.Element;
+export declare const disabled: () => JSX.Element;
+export declare const errorMessage: () => JSX.Element;
+export declare const placeholder: () => JSX.Element;

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

@@ -0,0 +1,47 @@
+"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.placeholder = exports.errorMessage = exports.disabled = exports.customSize = exports.noResize = exports.maxLengthCustom = exports.defaultTextarea = void 0;
+var React = __importStar(require("react"));
+var Textarea_1 = require("./Textarea");
+exports.default = {
+    title: "Forms/Textarea",
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+};
+var defaultTextarea = function () { return React.createElement(Textarea_1.Textarea, { name: "textarea-test", label: "Label" }); };
+exports.defaultTextarea = defaultTextarea;
+var maxLengthCustom = function () { return (React.createElement(Textarea_1.Textarea, { name: "textarea-test", maxLength: 10, label: "Label" })); };
+exports.maxLengthCustom = maxLengthCustom;
+var noResize = function () { return React.createElement(Textarea_1.Textarea, { name: "textarea-test", resize: false, label: "Label" }); };
+exports.noResize = noResize;
+var customSize = function () { return (React.createElement(Textarea_1.Textarea, { name: "textarea-test", resize: false, cols: 15, rows: 10, label: "Label" })); };
+exports.customSize = customSize;
+var disabled = function () { return React.createElement(Textarea_1.Textarea, { name: "textarea-test", disabled: true, label: "Label" }); };
+exports.disabled = disabled;
+var errorMessage = function () { return (React.createElement(Textarea_1.Textarea, { name: "textarea-test", errorMessage: "Error message", label: "Label" })); };
+exports.errorMessage = errorMessage;
+var placeholder = function () { return (React.createElement(Textarea_1.Textarea, { name: "textarea-test", placeholder: "Custom placeholder", label: "Label" })); };
+exports.placeholder = placeholder;
+//# sourceMappingURL=Textarea.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.stories.js","sourceRoot":"","sources":["../../../src/forms/Textarea.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,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,CAAC;CACnF,CAAA;AAEM,IAAM,eAAe,GAAG,cAAM,OAAA,oBAAC,mBAAQ,IAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,GAAI,EAAnD,CAAmD,CAAA;AAA3E,QAAA,eAAe,mBAA4D;AAEjF,IAAM,eAAe,GAAG,cAAM,OAAA,CACnC,oBAAC,mBAAQ,IAAC,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,GAAI,CACnE,EAFoC,CAEpC,CAAA;AAFY,QAAA,eAAe,mBAE3B;AAEM,IAAM,QAAQ,GAAG,cAAM,OAAA,oBAAC,mBAAQ,IAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAAlE,CAAkE,CAAA;AAAnF,QAAA,QAAQ,YAA2E;AAEzF,IAAM,UAAU,GAAG,cAAM,OAAA,CAC9B,oBAAC,mBAAQ,IAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,GAAI,CACvF,EAF+B,CAE/B,CAAA;AAFY,QAAA,UAAU,cAEtB;AAEM,IAAM,QAAQ,GAAG,cAAM,OAAA,oBAAC,mBAAQ,IAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,GAAI,EAAnE,CAAmE,CAAA;AAApF,QAAA,QAAQ,YAA4E;AAE1F,IAAM,YAAY,GAAG,cAAM,OAAA,CAChC,oBAAC,mBAAQ,IAAC,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,GAAI,CACnF,EAFiC,CAEjC,CAAA;AAFY,QAAA,YAAY,gBAExB;AAEM,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,oBAAC,mBAAQ,IAAC,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,oBAAoB,EAAE,KAAK,EAAE,OAAO,GAAI,CACvF,EAFgC,CAEhC,CAAA;AAFY,QAAA,WAAW,eAEvB"}

package/dist/src/forms/TimeField.d.ts

@@ -0,0 +1,39 @@
+import { UseFormMethods } from "react-hook-form";
+export declare type TimeFieldPeriod = "am" | "pm";
+export declare type TimeFieldValues = {
+    hours: string;
+    minutes: string;
+    seconds: string;
+    period: TimeFieldPeriod;
+};
+export declare type TimeFieldProps = {
+    defaultValues?: TimeFieldValues;
+    disabled?: boolean;
+    error?: boolean;
+    id?: string;
+    label: string;
+    labelClass?: string;
+    name?: string;
+    readerOnly?: boolean;
+    register: UseFormMethods["register"];
+    required?: boolean;
+    watch: UseFormMethods["watch"];
+    seconds?: boolean;
+    dataTestId?: string;
+    strings?: {
+        hour?: string;
+        minutes?: string;
+        minutesPlaceholder?: string;
+        seconds?: string;
+        time?: string;
+        timeError?: string;
+    };
+};
+export declare const formatDateToTimeField: (date: Date) => {
+    hours: string;
+    minutes: string;
+    seconds: string;
+    period: string;
+};
+declare const TimeField: ({ required, error, register, watch, name, id, label, labelClass, readerOnly, seconds, defaultValues, disabled, dataTestId, strings, }: TimeFieldProps) => JSX.Element;
+export { TimeField as default, TimeField };