@bigbinary/neeto-approvals-frontend 0.0.8 → 0.0.9

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import * as t$2 from 'react';
 import t__default, { createContext, useContext, useState, useRef, useEffect, useMemo, forwardRef, useImperativeHandle, cloneElement, useLayoutEffect } from 'react';
 import { Header, SubHeader, MenuBar, Container } from '@bigbinary/neetoui/layouts';
 import { useLocation, useHistory, useParams, Switch, Route, Redirect } from 'react-router-dom';
-import { isEmpty, assoc, curryN, isNil, curry, complement, either, toPairs, pipe, omit, fromPairs, keys, identical, modify } from 'ramda';
+import { isEmpty, assoc, curryN, isNil, curry, complement, either, toPairs, pipe, omit, fromPairs, keys, modify } from 'ramda';
 import classnames from 'classnames';
 import { Typography, Pane, Button, Dropdown, PageLoader, Table, Alert, Tag, Spinner, Kbd, Avatar, Label, Tooltip, Input as Input$1, Toastr, Modal, Tab, Select as Select$1 } from '@bigbinary/neetoui';
 import axios from 'axios';
@@ -7778,7 +7778,7 @@ const HISTORY_TABLE_COLUMNS = [{
   title: t$1("common.id"),
   render: (approvalLabel, _ref) => {
     let requestableUrl = _ref.requestableUrl;
-    const url = new URL(requestableUrl);
+    const url = new URL(requestableUrl || window.location.origin);
     return /*#__PURE__*/t__default.createElement(Button, {
       to: url.pathname,
       label: approvalLabel,
@@ -8278,10 +8278,7 @@ const Templates = _ref => {
     label: t("common.add_", {
       what: t("common.approvalTemplate").toLocaleLowerCase()
     }),
-    onClick: () => {
-      setIsMenubarOpen(false);
-      history.push(`${approvalsPath}${routes.templates.new}`);
-    }
+    onClick: () => history.push(`${approvalsPath}${routes.templates.new}`)
   });
   if (isTemplateLoading) {
     return /*#__PURE__*/t__default.createElement("div", {
@@ -8346,7 +8343,6 @@ const TEMPLATE_FORM_INITIAL_VALUES = {
 };
 const TEMPLATE_FORM_VALIDATION_SCHEMA = yup.object().shape({
   name: yup.string().trim().required(t$1("validations.name")),
-  description: yup.string().trim().required(t$1("validations.description")),
   recipient: yup.object().required(t$1("validations.recipient")),
   message: yup.string().test("message", t$1("validations.message"), content => !fr(content)),
   variables: yup.array().of(yup.object().shape({
@@ -8373,11 +8369,12 @@ const DynamicBlock = () => {
   const _useFormikContext = useFormikContext(),
     _useFormikContext$val = _useFormikContext.values.variables,
     variables = _useFormikContext$val === void 0 ? [] : _useFormikContext$val;
-  const editorVariables = variables.map(_ref => {
+  const editorVariables = variables.map((_ref, index) => {
     let variable = _ref.variable;
+    const variableValue = variable || `variable_${index + 1}`;
     return {
-      key: variable,
-      label: variable
+      key: variableValue,
+      label: variableValue
     };
   });
   return /*#__PURE__*/t__default.createElement(t__default.Fragment, null, /*#__PURE__*/t__default.createElement("div", {
@@ -8471,7 +8468,7 @@ const Form$1 = _ref => {
     label: t("common.visibility"),
     options: VISIBILITY_OPTIONS
   })), /*#__PURE__*/t__default.createElement(DynamicBlock, null), /*#__PURE__*/t__default.createElement("div", {
-    className: "space-x-4"
+    className: "space-x-4 pb-6"
   }, /*#__PURE__*/t__default.createElement(Button, {
     label: t("buttons.saveChanges"),
     type: "submit",
@@ -8618,7 +8615,7 @@ const Menu = _ref => {
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const category = (_pathname$split$ = pathname.split(routes.approvals)[1]) === null || _pathname$split$ === void 0 ? void 0 : _pathname$split$.toLocaleUpperCase();
-  const isActive = filter => approvalFilterKeys.includes(category) && identical(filter, category);
+  const isActive = filter => category.includes(filter);
   const getRoute = filter => `${approvalsPath}${filter.toLowerCase()}`;
   return /*#__PURE__*/t__default.createElement(MenuBar, {
     showMenu: isMenuOpen,
@@ -8635,7 +8632,7 @@ function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Approvals = _ref => {
   let config = _ref.config;
-  const _useState = useState(false),
+  const _useState = useState(true),
     _useState2 = _slicedToArray$2(_useState, 2),
     isMenubarOpen = _useState2[0],
     setIsMenubarOpen = _useState2[1];
@@ -8733,7 +8730,7 @@ const Form = _ref => {
     }, variables.map(variable => /*#__PURE__*/t__default.createElement(Input$1, {
       className: "w-full",
       key: variable,
-      label: capitalize$1(variable),
+      label: variable,
       value: variableValues[variable],
       onChange: event => {
         setVariableValues(assoc(variable, event.target.value));