@sb1/ffe-form-react 100.0.4 → 100.1.1

package/es/TextField.js

@@ -0,0 +1,31 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import classNames from 'classnames';
+export var TextField = React.forwardRef(function (_a, ref) {
+    var className = _a.className, inline = _a.inline, textRightAlign = _a.textRightAlign, prefix = _a.prefix, suffix = _a.suffix, rest = __rest(_a, ["className", "inline", "textRightAlign", "prefix", "suffix"]);
+    return (React.createElement("div", { className: classNames('ffe-text-field__wrapper', 'ffe-default-mode', { 'ffe-text-field__wrapper--inline': inline }, className) },
+        prefix && (React.createElement("div", { className: "ffe-text-field__prefix" }, prefix)),
+        React.createElement("input", __assign({ className: classNames('ffe-text-field', 'ffe-default-mode', { 'ffe-text-field--text-right-align': textRightAlign }), ref: ref }, rest)),
+        suffix && (React.createElement("div", { className: "ffe-text-field__suffix" }, suffix))));
+});

package/es/index.js

@@ -10,5 +10,6 @@ export { RadioButton } from './RadioButton';
 export { RadioButtonInputGroup, } from './RadioButtonInputGroup';
 export { RadioSwitch } from './RadioSwitch';
 export { TextArea } from './TextArea';
+export { TextField } from './TextField';
 export { Tooltip } from './Tooltip';
 export { ToggleSwitch } from './ToggleSwitch';

package/es/tsconfig.esm.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/BaseRadioButton.tsx","../src/Checkbox.tsx","../src/Input.tsx","../src/InputGroup.tsx","../src/InputTextLike.tsx","../src/Label.tsx","../src/PhoneNumber.tsx","../src/RadioBlock.tsx","../src/RadioButton.tsx","../src/RadioButtonInputGroup.tsx","../src/RadioSwitch.tsx","../src/TextArea.tsx","../src/ToggleSwitch.tsx","../src/Tooltip.tsx","../src/index.ts","../src/types.ts","../src/documentation/RadioButton-example.tsx","../src/documentation/RadioSwitch-example.tsx","../src/i18n/en.ts","../src/i18n/i18n.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/message/BaseFieldMessage.tsx","../src/message/ErrorFieldMessage.tsx","../src/message/InfoFieldMessage.tsx","../src/message/SuccessFieldMessage.tsx","../src/message/index.tsx"],"version":"5.9.2"}
+{"root":["../src/BaseRadioButton.tsx","../src/Checkbox.tsx","../src/Input.tsx","../src/InputGroup.tsx","../src/InputTextLike.tsx","../src/Label.tsx","../src/PhoneNumber.tsx","../src/RadioBlock.tsx","../src/RadioButton.tsx","../src/RadioButtonInputGroup.tsx","../src/RadioSwitch.tsx","../src/TextArea.tsx","../src/TextField.tsx","../src/ToggleSwitch.tsx","../src/Tooltip.tsx","../src/index.ts","../src/types.ts","../src/documentation/RadioButton-example.tsx","../src/documentation/RadioSwitch-example.tsx","../src/i18n/en.ts","../src/i18n/i18n.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/message/BaseFieldMessage.tsx","../src/message/ErrorFieldMessage.tsx","../src/message/InfoFieldMessage.tsx","../src/message/SuccessFieldMessage.tsx","../src/message/index.tsx"],"version":"5.9.2"}

package/lib/TextField.js

@@ -0,0 +1,37 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+exports.TextField = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, inline = _a.inline, textRightAlign = _a.textRightAlign, prefix = _a.prefix, suffix = _a.suffix, rest = __rest(_a, ["className", "inline", "textRightAlign", "prefix", "suffix"]);
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-text-field__wrapper', 'ffe-default-mode', { 'ffe-text-field__wrapper--inline': inline }, className) },
+        prefix && (react_1.default.createElement("div", { className: "ffe-text-field__prefix" }, prefix)),
+        react_1.default.createElement("input", __assign({ className: (0, classnames_1.default)('ffe-text-field', 'ffe-default-mode', { 'ffe-text-field--text-right-align': textRightAlign }), ref: ref }, rest)),
+        suffix && (react_1.default.createElement("div", { className: "ffe-text-field__suffix" }, suffix))));
+});

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleSwitch = exports.Tooltip = exports.TextArea = exports.RadioSwitch = exports.RadioButtonInputGroup = exports.RadioButton = exports.RadioBlock = exports.PhoneNumber = exports.Label = exports.InputGroup = exports.InputTextLike = exports.Input = exports.Checkbox = exports.SuccessFieldMessage = exports.InfoFieldMessage = exports.ErrorFieldMessage = void 0;
+exports.ToggleSwitch = exports.Tooltip = exports.TextField = exports.TextArea = exports.RadioSwitch = exports.RadioButtonInputGroup = exports.RadioButton = exports.RadioBlock = exports.PhoneNumber = exports.Label = exports.InputGroup = exports.InputTextLike = exports.Input = exports.Checkbox = exports.SuccessFieldMessage = exports.InfoFieldMessage = exports.ErrorFieldMessage = void 0;
 var message_1 = require("./message");
 Object.defineProperty(exports, "ErrorFieldMessage", { enumerable: true, get: function () { return message_1.ErrorFieldMessage; } });
 Object.defineProperty(exports, "InfoFieldMessage", { enumerable: true, get: function () { return message_1.InfoFieldMessage; } });
@@ -27,6 +27,8 @@ var RadioSwitch_1 = require("./RadioSwitch");
 Object.defineProperty(exports, "RadioSwitch", { enumerable: true, get: function () { return RadioSwitch_1.RadioSwitch; } });
 var TextArea_1 = require("./TextArea");
 Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return TextArea_1.TextArea; } });
+var TextField_1 = require("./TextField");
+Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return TextField_1.TextField; } });
 var Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
 var ToggleSwitch_1 = require("./ToggleSwitch");

package/lib/tsconfig.cjs.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/BaseRadioButton.tsx","../src/Checkbox.tsx","../src/Input.tsx","../src/InputGroup.tsx","../src/InputTextLike.tsx","../src/Label.tsx","../src/PhoneNumber.tsx","../src/RadioBlock.tsx","../src/RadioButton.tsx","../src/RadioButtonInputGroup.tsx","../src/RadioSwitch.tsx","../src/TextArea.tsx","../src/ToggleSwitch.tsx","../src/Tooltip.tsx","../src/index.ts","../src/types.ts","../src/documentation/RadioButton-example.tsx","../src/documentation/RadioSwitch-example.tsx","../src/i18n/en.ts","../src/i18n/i18n.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/message/BaseFieldMessage.tsx","../src/message/ErrorFieldMessage.tsx","../src/message/InfoFieldMessage.tsx","../src/message/SuccessFieldMessage.tsx","../src/message/index.tsx"],"version":"5.9.2"}
+{"root":["../src/BaseRadioButton.tsx","../src/Checkbox.tsx","../src/Input.tsx","../src/InputGroup.tsx","../src/InputTextLike.tsx","../src/Label.tsx","../src/PhoneNumber.tsx","../src/RadioBlock.tsx","../src/RadioButton.tsx","../src/RadioButtonInputGroup.tsx","../src/RadioSwitch.tsx","../src/TextArea.tsx","../src/TextField.tsx","../src/ToggleSwitch.tsx","../src/Tooltip.tsx","../src/index.ts","../src/types.ts","../src/documentation/RadioButton-example.tsx","../src/documentation/RadioSwitch-example.tsx","../src/i18n/en.ts","../src/i18n/i18n.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/message/BaseFieldMessage.tsx","../src/message/ErrorFieldMessage.tsx","../src/message/InfoFieldMessage.tsx","../src/message/SuccessFieldMessage.tsx","../src/message/index.tsx"],"version":"5.9.2"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-form-react",
-    "version": "100.0.4",
+    "version": "100.1.1",
     "description": "React component for form elements in ffe",
     "license": "MIT",
     "author": "SpareBank 1",
@@ -25,13 +25,13 @@
         "test:watch": "ffe-buildtool jest --watch"
     },
     "dependencies": {
-        "@sb1/ffe-collapse-react": "^100.0.4",
-        "@sb1/ffe-form": "^100.0.4",
-        "@sb1/ffe-icons-react": "^100.0.4",
+        "@sb1/ffe-collapse-react": "^100.1.1",
+        "@sb1/ffe-form": "^100.1.1",
+        "@sb1/ffe-icons-react": "^100.1.1",
         "classnames": "^2.3.1"
     },
     "devDependencies": {
-        "@sb1/ffe-buildtool": "^100.0.4",
+        "@sb1/ffe-buildtool": "^100.1.1",
         "eslint": "^9.22.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
@@ -42,5 +42,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "3671afc1060e06a9f224892510b38fb923a33e06"
+    "gitHead": "6ae73c2e7574d096f6faf05c35b186210dd18cf5"
 }

package/types/TextField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface TextFieldProps extends React.ComponentPropsWithoutRef<'input'> {
+    /** Text fields default to `display: block;`. Set this to `true` to apply the inline modifier. */
+    inline?: boolean;
+    /** Make the text right aligned */
+    textRightAlign?: boolean;
+    /** Add a prefix inside the input */
+    prefix?: string;
+    /** Add a suffix inside the input */
+    suffix?: string;
+}
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;

package/types/index.d.ts

@@ -10,5 +10,6 @@ export { RadioButton, RadioButtonProps } from './RadioButton';
 export { RadioButtonInputGroup, RadioButtonInputGroupProps, } from './RadioButtonInputGroup';
 export { RadioSwitch, RadioSwitchProps } from './RadioSwitch';
 export { TextArea, TextAreaProps } from './TextArea';
+export { TextField, TextFieldProps } from './TextField';
 export { Tooltip, TooltipProps } from './Tooltip';
 export { ToggleSwitch, ToggleSwitchProps } from './ToggleSwitch';

package/types/tsconfig.types.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/BaseRadioButton.tsx","../src/Checkbox.tsx","../src/Input.tsx","../src/InputGroup.tsx","../src/InputTextLike.tsx","../src/Label.tsx","../src/PhoneNumber.tsx","../src/RadioBlock.tsx","../src/RadioButton.tsx","../src/RadioButtonInputGroup.tsx","../src/RadioSwitch.tsx","../src/TextArea.tsx","../src/ToggleSwitch.tsx","../src/Tooltip.tsx","../src/index.ts","../src/types.ts","../src/documentation/RadioButton-example.tsx","../src/documentation/RadioSwitch-example.tsx","../src/i18n/en.ts","../src/i18n/i18n.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/message/BaseFieldMessage.tsx","../src/message/ErrorFieldMessage.tsx","../src/message/InfoFieldMessage.tsx","../src/message/SuccessFieldMessage.tsx","../src/message/index.tsx"],"version":"5.9.2"}
+{"root":["../src/BaseRadioButton.tsx","../src/Checkbox.tsx","../src/Input.tsx","../src/InputGroup.tsx","../src/InputTextLike.tsx","../src/Label.tsx","../src/PhoneNumber.tsx","../src/RadioBlock.tsx","../src/RadioButton.tsx","../src/RadioButtonInputGroup.tsx","../src/RadioSwitch.tsx","../src/TextArea.tsx","../src/TextField.tsx","../src/ToggleSwitch.tsx","../src/Tooltip.tsx","../src/index.ts","../src/types.ts","../src/documentation/RadioButton-example.tsx","../src/documentation/RadioSwitch-example.tsx","../src/i18n/en.ts","../src/i18n/i18n.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/message/BaseFieldMessage.tsx","../src/message/ErrorFieldMessage.tsx","../src/message/InfoFieldMessage.tsx","../src/message/SuccessFieldMessage.tsx","../src/message/index.tsx"],"version":"5.9.2"}