@bigbinary/neeto-fields-frontend 1.3.28 → 1.3.30

package/README.md

@@ -8,28 +8,28 @@ Rails engine for development.
 # Contents
 
 1. [Development with Host Application](#development-with-host-application)
-   - [Engine](#engine)
-     - [Installation](#installation)
-     - [customizability](#customizability)
-   - [Frontend package](#frontend-package)
-     - [Installation](#installation-1)
-     - [Instructions for development](#instructions-for-development)
-     - [Components](#components)
-       - [FieldsDashBoard](#1-fieldsdashboard)
-       - [FieldsPane](#2-fieldspane)
-       - [FieldValuesContainer](#3-fieldvaluescontainer)
-       - [FieldInputs](#4-fieldinputs)
-       - [InlineFieldValueInputProps](#5-inlinefieldvalueinput)
-       - [FieldDeleteAlert](#6-fielddeletealert)
-     - [Functions](#functions)
-       - [mergeInitialValues](#1-neetofieldsutilsmergeinitialvalues)
-       - [transformValues](#2-neetofieldsutilstransformvalues)
-     - [Hooks](#hooks)
-       - [useFetchFields](#1-usefetchfields)
-       - [useShowFields](#2-useshowfield)
-       - [useCreateField](#3-usecreatefield)
-       - [useUpdateField](#4-useupdatefield)
-       - [useDestroyField](#5-usedestroyfield)
+    - [Engine](#engine)
+        - [Installation](#installation)
+        - [customizability](#customizability)
+    - [Frontend package](#frontend-package)
+      - [Installation](#installation-1)
+      - [Instructions for development](#instructions-for-development)
+      - [Components](#components)
+        - [FieldsDashBoard](#1-fieldsdashboard)
+        - [FieldsPane](#2-fieldspane)
+        - [FieldValuesContainer](#3-fieldvaluescontainer)
+        - [FieldInputs](#4-fieldinputs)
+        - [InlineFieldValueInput](#5-inlinefieldvalueinput)
+        - [FieldDeleteAlert](#6-fielddeletealert)
+      - [Functions](#functions)
+        - [mergeInitialValues](#1-neetofieldsutilsmergeinitialvalues)
+        - [transformValues](#2-neetofieldsutilstransformvalues)
+      - [Hooks](#hooks)
+        - [useFetchFields](#1-usefetchfields)
+        - [useShowFields](#2-useshowfield)
+        - [useCreateField](#3-usecreatefield)
+        - [useUpdateField](#4-useupdatefield)
+        - [useDestroyField](#5-usedestroyfield)
 2. [Instructions for Publishing](#instructions-for-publishing)
 
 ## Development with Host Application

package/dist/index.cjs.js

@@ -1119,23 +1119,34 @@ var Text = function Text(props) {
     handleSubmit = _useFormikFields.handleSubmit,
     fieldProps = _useFormikFields.fieldProps,
     dirty = _useFormikFields.dirty;
-  var individualSubmit = props.individualSubmit,
-    isInline = props.isInline;
-  var isNotInline = !isInline;
-  var showSubmitButton = isNotInline && individualSubmit && dirty;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends({}, fieldProps, isNotInline && {
+  var isInline = props.isInline;
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key !== "Enter" || event.shiftKey) return;
+    event.preventDefault();
+    handleSubmit();
+  };
+  var handleFocus = function handleFocus(element) {
+    var end = element.value.length;
+    element.setSelectionRange(end, end);
+  };
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Textarea, _extends({}, fieldProps, {
+    className: "neeto-fields-nano-adaptive-input",
+    rows: 1,
+    size: "small",
+    style: {
+      resize: "none"
+    }
+    // Inline inputs are already saved on blur and this could override that onBlur handler if this condition is not added.
+  }, !isInline && {
     onBlur: function onBlur() {
       return dirty && handleSubmit();
     }
   }, {
-    suffix: showSubmitButton && /*#__PURE__*/React__default["default"].createElement(formik$1.Button, {
-      "data-cy": utils.joinHyphenCase(fieldProps.label, "check-button"),
-      icon: neetoIcons.Check,
-      style: "text",
-      onClick: function onClick() {
-        return handleSubmit();
-      }
-    })
+    onFocus: function onFocus(_ref) {
+      var target = _ref.target;
+      return handleFocus(target);
+    },
+    onKeyDown: handleKeyDown
   }));
 };
 
@@ -7946,17 +7957,25 @@ var renderDataAsText = function renderDataAsText(field, fieldValues) {
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var InlineFieldValueInput = function InlineFieldValueInput(_ref) {
-  var field = _ref.field,
-    fieldValues = _ref.fieldValues,
-    resourceType = _ref.resourceType,
-    resourceId = _ref.resourceId,
-    _ref$ownerId = _ref.ownerId,
-    ownerId = _ref$ownerId === void 0 ? "" : _ref$ownerId,
-    _ref$onMutationSucces = _ref.onMutationSuccess,
-    onMutationSuccess = _ref$onMutationSucces === void 0 ? neetoCist.noop : _ref$onMutationSucces,
-    _ref$onMutate = _ref.onMutate,
-    _onMutate = _ref$onMutate === void 0 ? neetoCist.noop : _ref$onMutate;
+var DefaultDisplayComponent = function DefaultDisplayComponent(_ref) {
+  var value = _ref.value;
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "text-wrap"
+  }, value);
+};
+var InlineFieldValueInput = function InlineFieldValueInput(_ref2) {
+  var field = _ref2.field,
+    fieldValues = _ref2.fieldValues,
+    resourceType = _ref2.resourceType,
+    resourceId = _ref2.resourceId,
+    _ref2$ownerId = _ref2.ownerId,
+    ownerId = _ref2$ownerId === void 0 ? "" : _ref2$ownerId,
+    _ref2$onMutationSucce = _ref2.onMutationSuccess,
+    onMutationSuccess = _ref2$onMutationSucce === void 0 ? neetoCist.noop : _ref2$onMutationSucce,
+    _ref2$onMutate = _ref2.onMutate,
+    _onMutate = _ref2$onMutate === void 0 ? neetoCist.noop : _ref2$onMutate,
+    _ref2$customDisplayCo = _ref2.customDisplayComponents,
+    customDisplayComponents = _ref2$customDisplayCo === void 0 ? {} : _ref2$customDisplayCo;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     editMode = _useState2[0],
@@ -7980,7 +7999,15 @@ var InlineFieldValueInput = function InlineFieldValueInput(_ref) {
   var Field = getFieldInput({
     field: field
   });
-  var isEditable = !field.isSystem && (editMode || DIRECT_EDIT_INPUT_FIELDS.includes(field.kind));
+  var fieldKind = field.kind;
+  var isEditable = !field.isSystem && (editMode || DIRECT_EDIT_INPUT_FIELDS.includes(fieldKind));
+  var displayValue = renderDataAsText(field, fieldValues) || "-";
+  var _ref3 = customDisplayComponents[fieldKind] || {},
+    _ref3$props = _ref3.props,
+    customDisplayComponentProps = _ref3$props === void 0 ? {} : _ref3$props,
+    _ref3$component = _ref3.component,
+    CustomDisplayComponent = _ref3$component === void 0 ? null : _ref3$component;
+  var DisplayComponent = CustomDisplayComponent || DefaultDisplayComponent;
   return isEditable ? /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(FieldValueInputWrapper, {
     field: field,
     fieldValues: fieldValues,
@@ -8000,9 +8027,17 @@ var InlineFieldValueInput = function InlineFieldValueInput(_ref) {
     onClick: function onClick() {
       return setEditMode(true);
     }
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, renderDataAsText(field, fieldValues) || "-"));
+  }, /*#__PURE__*/React__default["default"].createElement(DisplayComponent, _extends({
+    resourceId: resourceId,
+    value: displayValue
+  }, customDisplayComponentProps)));
 };
 
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css = ".neeto-fields-nano-adaptive-input textarea{--neeto-ui-input-line-height:1.5}.neeto-fields-nano-adaptive-input .neeto-ui-input.neeto-ui-input--small{--neeto-ui-textarea-padding-x:8px;--neeto-ui-textarea-padding-y:4px}.neeto-fields-nano-adaptive-input .neeto-ui-input.neeto-ui-input--medium{--neeto-ui-textarea-padding-x:8px;--neeto-ui-textarea-padding-y:5px}.neeto-fields-nano-adaptive-input .neeto-ui-input.neeto-ui-input--large{--neeto-ui-textarea-padding-x:12px;--neeto-ui-textarea-padding-y:8px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2FkYXB0aXZlX2lucHV0LnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zdHlsZXNoZWV0cy9hcHBsaWNhdGlvbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNFLDJDQUNFLGdDQ0FKLENESUksd0VBQ0UsaUNBQUEsQ0FDQSxpQ0NGTixDREtJLHlFQUNFLGlDQUFBLENBQ0EsaUNDSE4sQ0RNSSx3RUFDRSxrQ0FBQSxDQUNBLGlDQ0pOIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLWZpZWxkcy1uYW5vLWFkYXB0aXZlLWlucHV0IHtcbiAgdGV4dGFyZWEge1xuICAgIC0tbmVldG8tdWktaW5wdXQtbGluZS1oZWlnaHQ6IDEuNTtcbiAgfVxuXG4gIC5uZWV0by11aS1pbnB1dCAge1xuICAgICYubmVldG8tdWktaW5wdXQtLXNtYWxsIHtcbiAgICAgIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy14OiA4cHg7XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteTogNHB4O1xuICAgIH1cblxuICAgICYubmVldG8tdWktaW5wdXQtLW1lZGl1bSB7XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogOHB4O1xuICAgICAgLS1uZWV0by11aS10ZXh0YXJlYS1wYWRkaW5nLXk6IDVweDtcbiAgICB9XG5cbiAgICAmLm5lZXRvLXVpLWlucHV0LS1sYXJnZSB7XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogMTJweDtcbiAgICAgIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy15OiA4cHg7XG4gICAgfVxuICB9XG59XG4iLCIubmVldG8tZmllbGRzLW5hbm8tYWRhcHRpdmUtaW5wdXQgdGV4dGFyZWEge1xuICAtLW5lZXRvLXVpLWlucHV0LWxpbmUtaGVpZ2h0OiAxLjU7XG59XG4ubmVldG8tZmllbGRzLW5hbm8tYWRhcHRpdmUtaW5wdXQgLm5lZXRvLXVpLWlucHV0Lm5lZXRvLXVpLWlucHV0LS1zbWFsbCB7XG4gIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy14OiA4cHg7XG4gIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy15OiA0cHg7XG59XG4ubmVldG8tZmllbGRzLW5hbm8tYWRhcHRpdmUtaW5wdXQgLm5lZXRvLXVpLWlucHV0Lm5lZXRvLXVpLWlucHV0LS1tZWRpdW0ge1xuICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogOHB4O1xuICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteTogNXB4O1xufVxuLm5lZXRvLWZpZWxkcy1uYW5vLWFkYXB0aXZlLWlucHV0IC5uZWV0by11aS1pbnB1dC5uZWV0by11aS1pbnB1dC0tbGFyZ2Uge1xuICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogMTJweDtcbiAgLS1uZWV0by11aS10ZXh0YXJlYS1wYWRkaW5nLXk6IDhweDtcbn0iXX0= */";
+n(css,{});
+
 exports.FieldDeleteAlert = DeleteAlert;
 exports.FieldInputs = FieldInputs;
 exports.FieldValuesContainer = FieldValuesContainer;