@looker/run-it 0.9.51 → 0.9.53

package/lib/esm/components/RequestForm/RequestForm.js

@@ -1,22 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RequestForm = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _components = require("@looker/components");
-var _LoginForm = require("../LoginForm");
-var _formUtils = require("./formUtils");
-var _FormItem = require("./FormItem");
-var _common = require("./../common");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var RequestForm = _ref => {
+import React from 'react';
+import { Button, Form, ButtonTransparent, Tooltip, Fieldset, MessageBar, ToggleSwitch, Label } from '@looker/components';
+import { LoginForm } from '../LoginForm';
+import { createSimpleItem, createComplexItem, showDataChangeWarning, updateNullableProp, BODY_HINT } from './formUtils';
+import { FormItem } from './FormItem';
+import { DarkSpan } from './../common';
+export var RequestForm = _ref => {
   var {
     inputs,
     httpMethod,
@@ -41,15 +34,15 @@ var RequestForm = _ref => {
   };
   var handleNumberChange = e => {
     var value = e.target.value ? parseFloat(e.target.value) : undefined;
-    var newState = (0, _formUtils.updateNullableProp)(requestContent, e.target.name, value);
+    var newState = updateNullableProp(requestContent, e.target.name, value);
     setRequestContent(newState);
   };
   var handleDateChange = (name, date) => {
-    var newState = (0, _formUtils.updateNullableProp)(requestContent, name, date);
+    var newState = updateNullableProp(requestContent, name, date);
     setRequestContent(newState);
   };
   var handleChange = e => {
-    var newState = (0, _formUtils.updateNullableProp)(requestContent, e.target.name, e.target.value);
+    var newState = updateNullableProp(requestContent, e.target.name, e.target.value);
     setRequestContent(newState);
   };
   var handleComplexChange = (name, value) => {
@@ -63,45 +56,44 @@ var RequestForm = _ref => {
     setRequestContent({});
     safeSetMessage('');
   };
-  return _react.default.createElement(_components.Form, {
+  return React.createElement(Form, {
     onSubmit: handleSubmit
-  }, validationMessage && _react.default.createElement(_components.MessageBar, {
+  }, validationMessage && React.createElement(MessageBar, {
     intent: 'critical',
     onPrimaryClick: () => safeSetMessage(''),
     visible: validationMessage !== ''
-  }, validationMessage), _react.default.createElement(_components.Fieldset, null, inputs.map(input => typeof input.type === 'string' ? (0, _formUtils.createSimpleItem)(input, handleChange, handleNumberChange, handleBoolChange, handleDateChange, requestContent) : (0, _formUtils.createComplexItem)(input, handleComplexChange, requestContent)), httpMethod !== 'GET' && (0, _formUtils.showDataChangeWarning)(), hasBody && !!toggleKeepBody && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_FormItem.FormItem, {
+  }, validationMessage), React.createElement(Fieldset, null, inputs.map(input => typeof input.type === 'string' ? createSimpleItem(input, handleChange, handleNumberChange, handleBoolChange, handleDateChange, requestContent) : createComplexItem(input, handleComplexChange, requestContent)), httpMethod !== 'GET' && showDataChangeWarning(), hasBody && !!toggleKeepBody && React.createElement(React.Fragment, null, React.createElement(FormItem, {
     key: "keepbody_fib",
     id: "keepBody",
     label: "Send body as-is"
-  }, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.ToggleSwitch, {
+  }, React.createElement(React.Fragment, null, React.createElement(ToggleSwitch, {
     key: "keepBody",
     id: "keepBody",
     name: "keepBody",
     onChange: toggleKeepBody,
     on: keepBody
-  }), _react.default.createElement(_components.Label, null, "Send the body parameter as entered"))), _react.default.createElement(_FormItem.FormItem, {
+  }), React.createElement(Label, null, "Send the body parameter as entered"))), React.createElement(FormItem, {
     key: "body_hint",
     id: "bodyHint"
-  }, _react.default.createElement(_common.DarkSpan, {
+  }, React.createElement(DarkSpan, {
     fontSize: "small"
-  }, _formUtils.BODY_HINT))), _react.default.createElement(_FormItem.FormItem, {
+  }, BODY_HINT))), React.createElement(FormItem, {
     id: "buttonbar"
-  }, _react.default.createElement(_react.default.Fragment, null, hasConfig ? needsAuth ? _react.default.createElement(_LoginForm.LoginForm, {
+  }, React.createElement(React.Fragment, null, hasConfig ? needsAuth ? React.createElement(LoginForm, {
     requestContent: requestContent
-  }) : _react.default.createElement(_components.Tooltip, {
+  }) : React.createElement(Tooltip, {
     content: "Run the API request"
-  }, _react.default.createElement(_components.Button, {
+  }, React.createElement(Button, {
     type: "submit"
-  }, "Run")) : !isExtension && setHasConfig && _react.default.createElement(_components.Tooltip, {
+  }, "Run")) : !isExtension && setHasConfig && React.createElement(Tooltip, {
     content: "Configure your OAuth server to Run requests"
-  }, _react.default.createElement(_components.Button, {
+  }, React.createElement(Button, {
     onClick: handleConfig
-  }, "Configure")), _react.default.createElement(_components.Tooltip, {
+  }, "Configure")), React.createElement(Tooltip, {
     content: "Clear entered values"
-  }, _react.default.createElement(_components.ButtonTransparent, {
+  }, React.createElement(ButtonTransparent, {
     type: "button",
     onClick: handleClear
   }, "Clear"))))));
 };
-exports.RequestForm = RequestForm;
 //# sourceMappingURL=RequestForm.js.map

package/lib/esm/components/RequestForm/RequestForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestForm.js","names":["_react","_interopRequireDefault","require","_components","_LoginForm","_formUtils","_FormItem","_common","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","RequestForm","_ref","inputs","httpMethod","handleSubmit","requestContent","setRequestContent","needsAuth","hasConfig","handleConfig","setHasConfig","validationMessage","setValidationMessage","keepBody","toggleKeepBody","isExtension","hasBody","some","location","handleBoolChange","e","name","checked","handleNumberChange","parseFloat","newState","updateNullableProp","handleDateChange","date","handleChange","handleComplexChange","safeSetMessage","handleClear","preventDefault","createElement","Form","onSubmit","MessageBar","intent","onPrimaryClick","visible","Fieldset","map","type","createSimpleItem","createComplexItem","showDataChangeWarning","Fragment","FormItem","id","label","ToggleSwitch","onChange","on","Label","DarkSpan","fontSize","BODY_HINT","LoginForm","Tooltip","content","Button","onClick","ButtonTransparent","exports"],"sources":["../../../../src/components/RequestForm/RequestForm.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { BaseSyntheticEvent, FC, Dispatch, FormEventHandler } from 'react'\nimport React from 'react'\nimport {\n  Button,\n  Form,\n  ButtonTransparent,\n  Tooltip,\n  Fieldset,\n  MessageBar,\n  ToggleSwitch,\n  Label,\n} from '@looker/components'\nimport type { RunItHttpMethod, RunItInput, RunItValues } from '../../RunIt'\nimport { LoginForm } from '../LoginForm'\nimport {\n  createSimpleItem,\n  createComplexItem,\n  showDataChangeWarning,\n  updateNullableProp,\n  BODY_HINT,\n} from './formUtils'\nimport { FormItem } from './FormItem'\nimport { DarkSpan } from './../common'\n\n/** Properties required by RequestForm */\ninterface RequestFormProps {\n  /** Request inputs to the endpoint */\n  inputs: RunItInput[]\n  /** A callback for submitting the form */\n  handleSubmit: (e: BaseSyntheticEvent) => void\n  /** HTTP method used for this REST request */\n  httpMethod: RunItHttpMethod\n  /** A collection type react state to store path, query and body parameters as entered by the user  */\n  requestContent: RunItValues\n  /** A set state callback fn for populating requestContent on interaction with the request form */\n  setRequestContent: Dispatch<RunItValues>\n  /** Is authentication required? */\n  needsAuth: boolean\n  /** Does RunIt have the configuration values it needs? */\n  hasConfig: boolean\n  /** Handle config button click */\n  handleConfig: (e: BaseSyntheticEvent) => void\n  /** A set state callback which, if present, allows for editing, setting or clearing OAuth configuration parameters */\n  setHasConfig?: Dispatch<boolean>\n  /** Validation message to display */\n  validationMessage?: string\n  /** Validation message setter */\n  setValidationMessage?: Dispatch<string>\n  /** Toggle for processing body inputs */\n  keepBody?: boolean\n  /** Toggle to keep all body inputs */\n  toggleKeepBody?: (_event: FormEventHandler<HTMLInputElement>) => void\n  /** Is RunIt being used in a Looker extension? */\n  isExtension?: boolean\n}\n\n/**\n * Dynamically generates a REST request form and its form elements corresponding to parameters from an array of RunIt\n * inputs\n */\nexport const RequestForm: FC<RequestFormProps> = ({\n  inputs,\n  httpMethod,\n  handleSubmit,\n  requestContent,\n  setRequestContent,\n  needsAuth,\n  hasConfig,\n  handleConfig,\n  setHasConfig,\n  validationMessage,\n  setValidationMessage,\n  keepBody,\n  toggleKeepBody,\n  isExtension = false,\n}) => {\n  const hasBody = inputs.some((i) => i.location === 'body')\n\n  const handleBoolChange = (e: BaseSyntheticEvent) => {\n    setRequestContent({ ...requestContent, [e.target.name]: e.target.checked })\n  }\n\n  const handleNumberChange = (e: BaseSyntheticEvent) => {\n    const value = e.target.value ? parseFloat(e.target.value) : undefined\n    const newState = updateNullableProp(requestContent, e.target.name, value)\n    setRequestContent(newState)\n  }\n\n  const handleDateChange = (name: string, date?: Date) => {\n    const newState = updateNullableProp(requestContent, name, date)\n    setRequestContent(newState)\n  }\n\n  const handleChange = (e: BaseSyntheticEvent) => {\n    const newState = updateNullableProp(\n      requestContent,\n      e.target.name,\n      e.target.value\n    )\n    setRequestContent(newState)\n  }\n\n  const handleComplexChange = (name: string, value: string) => {\n    setRequestContent({ ...requestContent, [name]: value })\n  }\n\n  const safeSetMessage = (value: string) =>\n    setValidationMessage && setValidationMessage(value)\n\n  const handleClear = (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    setRequestContent({})\n    safeSetMessage('')\n  }\n\n  return (\n    <Form onSubmit={handleSubmit}>\n      {validationMessage && (\n        <MessageBar\n          intent={'critical'}\n          onPrimaryClick={() => safeSetMessage('')}\n          visible={validationMessage !== ''}\n        >\n          {validationMessage}\n        </MessageBar>\n      )}\n      <Fieldset>\n        {inputs.map((input) =>\n          typeof input.type === 'string'\n            ? createSimpleItem(\n                input,\n                handleChange,\n                handleNumberChange,\n                handleBoolChange,\n                handleDateChange,\n                requestContent\n              )\n            : createComplexItem(input, handleComplexChange, requestContent)\n        )}\n        {httpMethod !== 'GET' && showDataChangeWarning()}\n        {hasBody && !!toggleKeepBody && (\n          <>\n            <FormItem key=\"keepbody_fib\" id=\"keepBody\" label=\"Send body as-is\">\n              <>\n                <ToggleSwitch\n                  key=\"keepBody\"\n                  id=\"keepBody\"\n                  name=\"keepBody\"\n                  onChange={toggleKeepBody as unknown as FormEventHandler}\n                  on={keepBody}\n                />\n                <Label>Send the body parameter as entered</Label>\n              </>\n            </FormItem>\n            <FormItem key=\"body_hint\" id=\"bodyHint\">\n              <DarkSpan fontSize=\"small\">{BODY_HINT}</DarkSpan>\n            </FormItem>\n          </>\n        )}\n        <FormItem id=\"buttonbar\">\n          <>\n            {hasConfig ? (\n              needsAuth ? (\n                <LoginForm requestContent={requestContent} />\n              ) : (\n                <Tooltip content=\"Run the API request\">\n                  <Button type=\"submit\">Run</Button>\n                </Tooltip>\n              )\n            ) : (\n              !isExtension &&\n              setHasConfig && (\n                <Tooltip content=\"Configure your OAuth server to Run requests\">\n                  <Button onClick={handleConfig}>Configure</Button>\n                </Tooltip>\n              )\n            )}\n            <Tooltip content=\"Clear entered values\">\n              <ButtonTransparent type=\"button\" onClick={handleClear}>\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n          </>\n        </FormItem>\n      </Fieldset>\n    </Form>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"RequestForm.js","names":["React","Button","Form","ButtonTransparent","Tooltip","Fieldset","MessageBar","ToggleSwitch","Label","LoginForm","createSimpleItem","createComplexItem","showDataChangeWarning","updateNullableProp","BODY_HINT","FormItem","DarkSpan","RequestForm","_ref","inputs","httpMethod","handleSubmit","requestContent","setRequestContent","needsAuth","hasConfig","handleConfig","setHasConfig","validationMessage","setValidationMessage","keepBody","toggleKeepBody","isExtension","hasBody","some","i","location","handleBoolChange","e","_objectSpread","target","name","checked","handleNumberChange","value","parseFloat","undefined","newState","handleDateChange","date","handleChange","handleComplexChange","safeSetMessage","handleClear","preventDefault","createElement","onSubmit","intent","onPrimaryClick","visible","map","input","type","Fragment","key","id","label","onChange","on","fontSize","content","onClick"],"sources":["../../../../src/components/RequestForm/RequestForm.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { BaseSyntheticEvent, FC, Dispatch, FormEventHandler } from 'react'\nimport React from 'react'\nimport {\n  Button,\n  Form,\n  ButtonTransparent,\n  Tooltip,\n  Fieldset,\n  MessageBar,\n  ToggleSwitch,\n  Label,\n} from '@looker/components'\nimport type { RunItHttpMethod, RunItInput, RunItValues } from '../../RunIt'\nimport { LoginForm } from '../LoginForm'\nimport {\n  createSimpleItem,\n  createComplexItem,\n  showDataChangeWarning,\n  updateNullableProp,\n  BODY_HINT,\n} from './formUtils'\nimport { FormItem } from './FormItem'\nimport { DarkSpan } from './../common'\n\n/** Properties required by RequestForm */\ninterface RequestFormProps {\n  /** Request inputs to the endpoint */\n  inputs: RunItInput[]\n  /** A callback for submitting the form */\n  handleSubmit: (e: BaseSyntheticEvent) => void\n  /** HTTP method used for this REST request */\n  httpMethod: RunItHttpMethod\n  /** A collection type react state to store path, query and body parameters as entered by the user  */\n  requestContent: RunItValues\n  /** A set state callback fn for populating requestContent on interaction with the request form */\n  setRequestContent: Dispatch<RunItValues>\n  /** Is authentication required? */\n  needsAuth: boolean\n  /** Does RunIt have the configuration values it needs? */\n  hasConfig: boolean\n  /** Handle config button click */\n  handleConfig: (e: BaseSyntheticEvent) => void\n  /** A set state callback which, if present, allows for editing, setting or clearing OAuth configuration parameters */\n  setHasConfig?: Dispatch<boolean>\n  /** Validation message to display */\n  validationMessage?: string\n  /** Validation message setter */\n  setValidationMessage?: Dispatch<string>\n  /** Toggle for processing body inputs */\n  keepBody?: boolean\n  /** Toggle to keep all body inputs */\n  toggleKeepBody?: (_event: FormEventHandler<HTMLInputElement>) => void\n  /** Is RunIt being used in a Looker extension? */\n  isExtension?: boolean\n}\n\n/**\n * Dynamically generates a REST request form and its form elements corresponding to parameters from an array of RunIt\n * inputs\n */\nexport const RequestForm: FC<RequestFormProps> = ({\n  inputs,\n  httpMethod,\n  handleSubmit,\n  requestContent,\n  setRequestContent,\n  needsAuth,\n  hasConfig,\n  handleConfig,\n  setHasConfig,\n  validationMessage,\n  setValidationMessage,\n  keepBody,\n  toggleKeepBody,\n  isExtension = false,\n}) => {\n  const hasBody = inputs.some((i) => i.location === 'body')\n\n  const handleBoolChange = (e: BaseSyntheticEvent) => {\n    setRequestContent({ ...requestContent, [e.target.name]: e.target.checked })\n  }\n\n  const handleNumberChange = (e: BaseSyntheticEvent) => {\n    const value = e.target.value ? parseFloat(e.target.value) : undefined\n    const newState = updateNullableProp(requestContent, e.target.name, value)\n    setRequestContent(newState)\n  }\n\n  const handleDateChange = (name: string, date?: Date) => {\n    const newState = updateNullableProp(requestContent, name, date)\n    setRequestContent(newState)\n  }\n\n  const handleChange = (e: BaseSyntheticEvent) => {\n    const newState = updateNullableProp(\n      requestContent,\n      e.target.name,\n      e.target.value\n    )\n    setRequestContent(newState)\n  }\n\n  const handleComplexChange = (name: string, value: string) => {\n    setRequestContent({ ...requestContent, [name]: value })\n  }\n\n  const safeSetMessage = (value: string) =>\n    setValidationMessage && setValidationMessage(value)\n\n  const handleClear = (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    setRequestContent({})\n    safeSetMessage('')\n  }\n\n  return (\n    <Form onSubmit={handleSubmit}>\n      {validationMessage && (\n        <MessageBar\n          intent={'critical'}\n          onPrimaryClick={() => safeSetMessage('')}\n          visible={validationMessage !== ''}\n        >\n          {validationMessage}\n        </MessageBar>\n      )}\n      <Fieldset>\n        {inputs.map((input) =>\n          typeof input.type === 'string'\n            ? createSimpleItem(\n                input,\n                handleChange,\n                handleNumberChange,\n                handleBoolChange,\n                handleDateChange,\n                requestContent\n              )\n            : createComplexItem(input, handleComplexChange, requestContent)\n        )}\n        {httpMethod !== 'GET' && showDataChangeWarning()}\n        {hasBody && !!toggleKeepBody && (\n          <>\n            <FormItem key=\"keepbody_fib\" id=\"keepBody\" label=\"Send body as-is\">\n              <>\n                <ToggleSwitch\n                  key=\"keepBody\"\n                  id=\"keepBody\"\n                  name=\"keepBody\"\n                  onChange={toggleKeepBody as unknown as FormEventHandler}\n                  on={keepBody}\n                />\n                <Label>Send the body parameter as entered</Label>\n              </>\n            </FormItem>\n            <FormItem key=\"body_hint\" id=\"bodyHint\">\n              <DarkSpan fontSize=\"small\">{BODY_HINT}</DarkSpan>\n            </FormItem>\n          </>\n        )}\n        <FormItem id=\"buttonbar\">\n          <>\n            {hasConfig ? (\n              needsAuth ? (\n                <LoginForm requestContent={requestContent} />\n              ) : (\n                <Tooltip content=\"Run the API request\">\n                  <Button type=\"submit\">Run</Button>\n                </Tooltip>\n              )\n            ) : (\n              !isExtension &&\n              setHasConfig && (\n                <Tooltip content=\"Configure your OAuth server to Run requests\">\n                  <Button onClick={handleConfig}>Configure</Button>\n                </Tooltip>\n              )\n            )}\n            <Tooltip content=\"Clear entered values\">\n              <ButtonTransparent type=\"button\" onClick={handleClear}>\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n          </>\n        </FormItem>\n      </Fieldset>\n    </Form>\n  )\n}\n"],"mappings":"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"}

package/lib/esm/components/RequestForm/formUtils.js

@@ -1,44 +1,35 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateEncodedValues = exports.validateBody = exports.updateNullableProp = exports.showDataChangeWarning = exports.createSimpleItem = exports.createComplexItem = exports.BODY_HINT = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _components = require("@looker/components");
-var _material = require("@styled-icons/material");
-var _codeEditor = require("@looker/code-editor");
-var _FormItem = require("./FormItem");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var BODY_HINT = 'By default, empty values are automatically removed from the request inputs, except for properties with `false` boolean values, which must be completely removed from the JSON body if they should not be passed.';
-exports.BODY_HINT = BODY_HINT;
-var createDateItem = (name, handleChange, requestContent) => _react.default.createElement(_FormItem.FormItem, {
+import React, { Fragment } from 'react';
+import { ToggleSwitch, Label, FieldCheckbox, InputText, Tooltip, Icon, InputDate, Space } from '@looker/components';
+import { Info } from '@styled-icons/material';
+import { CodeEditor } from '@looker/code-editor';
+import { FormItem } from './FormItem';
+export var BODY_HINT = 'By default, empty values are automatically removed from the request inputs, except for properties with `false` boolean values, which must be completely removed from the JSON body if they should not be passed.';
+var createDateItem = (name, handleChange, requestContent) => React.createElement(FormItem, {
   key: "".concat(name, "_fid"),
   id: name,
   label: name
-}, _react.default.createElement(_components.InputDate, {
+}, React.createElement(InputDate, {
   key: "datepick_".concat(name),
   "data-testid": "datepick_".concat(name),
   defaultValue: name in requestContent ? requestContent[name] : undefined,
   onChange: handleChange.bind(null, name)
 }));
-var createBoolItem = (name, description, handleChange, requestContent) => _react.default.createElement(_FormItem.FormItem, {
+var createBoolItem = (name, description, handleChange, requestContent) => React.createElement(FormItem, {
   key: "".concat(name, "_fib"),
   id: name,
   label: name
-}, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.ToggleSwitch, {
+}, React.createElement(React.Fragment, null, React.createElement(ToggleSwitch, {
   key: name,
   id: name,
   name: name,
   onChange: handleChange,
   on: name in requestContent ? requestContent[name] : false
-}), description && _react.default.createElement(_components.Label, null, description)));
+}), description && React.createElement(Label, null, description)));
 var inputTextType = type => {
   switch (type) {
     case 'number':
@@ -51,11 +42,11 @@ var inputTextType = type => {
       return 'text';
   }
 };
-var createItem = (name, description, required, type, placeholder, handleChange, requestContent) => _react.default.createElement(_FormItem.FormItem, {
+var createItem = (name, description, required, type, placeholder, handleChange, requestContent) => React.createElement(FormItem, {
   key: "".concat(name, "_fi"),
   id: name,
   label: name
-}, _react.default.createElement(_components.InputText, {
+}, React.createElement(InputText, {
   key: name,
   id: name,
   name: name,
@@ -65,7 +56,7 @@ var createItem = (name, description, required, type, placeholder, handleChange,
   value: name in requestContent ? requestContent[name] : '',
   onChange: handleChange
 }));
-var createSimpleItem = (input, handleChange, handleNumberChange, handleBoolChange, handleDateChange, requestContent) => {
+export var createSimpleItem = (input, handleChange, handleNumberChange, handleBoolChange, handleDateChange, requestContent) => {
   switch (input.type) {
     case 'boolean':
       return createBoolItem(input.name, input.description, handleBoolChange, requestContent);
@@ -87,27 +78,26 @@ var createSimpleItem = (input, handleChange, handleNumberChange, handleBoolChang
     case 'datetime':
       return createDateItem(input.name, handleDateChange, requestContent);
     default:
-      return _react.default.createElement(_react.Fragment, {
+      return React.createElement(Fragment, {
         key: input.name
       });
   }
 };
-exports.createSimpleItem = createSimpleItem;
-var createComplexItem = (input, handleComplexChange, requestContent) => {
+export var createComplexItem = (input, handleComplexChange, requestContent) => {
   var content = requestContent[input.name];
   var code = typeof content === 'string' ? content : JSON.stringify(content, null, 2);
-  return _react.default.createElement(_FormItem.FormItem, {
+  return React.createElement(FormItem, {
     key: "".concat(input.name, "_fic"),
     id: input.name,
-    label: _react.default.createElement(_components.Space, null, input.name, _react.default.createElement(_components.Tooltip, {
+    label: React.createElement(Space, null, input.name, React.createElement(Tooltip, {
       content: BODY_HINT
-    }, _react.default.createElement(_components.Icon, {
+    }, React.createElement(Icon, {
       "data-testid": "body-param-tooltip",
-      icon: _react.default.createElement(_material.Info, null),
+      icon: React.createElement(Info, null),
       size: "xsmall",
       ml: "xsmall"
     })))
-  }, _react.default.createElement(_codeEditor.CodeEditor, {
+  }, React.createElement(CodeEditor, {
     key: "code_".concat(input.name),
     language: "json",
     code: code,
@@ -116,18 +106,16 @@ var createComplexItem = (input, handleComplexChange, requestContent) => {
     transparent: true
   }));
 };
-exports.createComplexItem = createComplexItem;
-var showDataChangeWarning = () => _react.default.createElement(_FormItem.FormItem, {
+export var showDataChangeWarning = () => React.createElement(FormItem, {
   key: "warningfi",
   id: "change_warning"
-}, _react.default.createElement(_components.FieldCheckbox, {
+}, React.createElement(FieldCheckbox, {
   name: "warning",
   key: "warning",
   required: true,
   label: "I understand that this API endpoint will change data."
 }));
-exports.showDataChangeWarning = showDataChangeWarning;
-var updateNullableProp = (state, key, newValue) => {
+export var updateNullableProp = (state, key, newValue) => {
   var updatedState = _objectSpread({}, state);
   if (key in state && !newValue) {
     delete updatedState[key];
@@ -136,8 +124,7 @@ var updateNullableProp = (state, key, newValue) => {
   }
   return updatedState;
 };
-exports.updateNullableProp = updateNullableProp;
-var validateEncodedValues = body => {
+export var validateEncodedValues = body => {
   var result = '';
   if (!body) return result;
   var args = body.split('&');
@@ -149,8 +136,7 @@ var validateEncodedValues = body => {
   });
   return result.trim();
 };
-exports.validateEncodedValues = validateEncodedValues;
-var validateBody = (body, requiredKeys) => {
+export var validateBody = (body, requiredKeys) => {
   var parsed;
   var result = '';
   if (body) {
@@ -181,5 +167,4 @@ var validateBody = (body, requiredKeys) => {
   }
   return result;
 };
-exports.validateBody = validateBody;
 //# sourceMappingURL=formUtils.js.map

package/lib/esm/components/RequestForm/formUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"formUtils.js","names":["_react","_interopRequireWildcard","require","_components","_material","_codeEditor","_FormItem","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","BODY_HINT","exports","createDateItem","name","handleChange","requestContent","createElement","FormItem","concat","id","label","InputDate","defaultValue","onChange","bind","createBoolItem","description","Fragment","ToggleSwitch","on","Label","inputTextType","type","createItem","required","placeholder","InputText","createSimpleItem","handleNumberChange","handleBoolChange","handleDateChange","createComplexItem","handleComplexChange","content","code","JSON","stringify","Space","Tooltip","Icon","icon","Info","size","ml","CodeEditor","language","lineNumbers","transparent","showDataChangeWarning","FieldCheckbox","updateNullableProp","state","newValue","updatedState","validateEncodedValues","body","result","args","split","formArg","test","trim","validateBody","requiredKeys","parsed","parse","e","message","Set","missing","k","Array","from","join"],"sources":["../../../../src/components/RequestForm/formUtils.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { BaseSyntheticEvent } from 'react'\nimport React, { Fragment } from 'react'\nimport {\n  ToggleSwitch,\n  Label,\n  FieldCheckbox,\n  InputText,\n  Tooltip,\n  Icon,\n  InputDate,\n  Space,\n} from '@looker/components'\n// eslint-disable-next-line no-restricted-imports\nimport { Info } from '@styled-icons/material'\nimport { CodeEditor } from '@looker/code-editor'\nimport type { RunItInput, RunItValues } from '../../RunIt'\nimport { FormItem } from './FormItem'\n\nexport const BODY_HINT =\n  'By default, empty values are automatically removed from the request inputs, except for properties with `false` boolean values, which must be completely removed from the JSON body if they should not be passed.'\n/**\n * Creates a datetime form item\n * @param name Form item's name\n * @param handleChange A callback function for updating the parent\n * component's requestContent state with date item changes\n * @param requestContent A state object containing the values of all form items\n * @returns A datetime form item\n */\nconst createDateItem = (\n  name: string,\n  handleChange: (name: string, date?: Date) => void,\n  requestContent: RunItValues\n) => (\n  <FormItem key={`${name}_fid`} id={name} label={name}>\n    <InputDate\n      key={`datepick_${name}`}\n      data-testid={`datepick_${name}`}\n      defaultValue={name in requestContent ? requestContent[name] : undefined}\n      onChange={handleChange.bind(null, name)}\n    />\n  </FormItem>\n)\n\n/**\n * Creates a boolean form item\n * @param name Form item's name\n * @param description  Form item's description\n * @param handleChange A callback function that updates parent's component state when boolean item is clicked\n * @param requestContent A state object containing the values of all form items\n * @returns A boolean form item (a FieldToggleSwitch)\n */\nconst createBoolItem = (\n  name: string,\n  description: string,\n  handleChange: (e: BaseSyntheticEvent) => void,\n  requestContent: RunItValues\n) => (\n  <FormItem key={`${name}_fib`} id={name} label={name}>\n    <>\n      <ToggleSwitch\n        key={name}\n        id={name}\n        name={name}\n        onChange={handleChange}\n        on={name in requestContent ? requestContent[name] : false}\n      />\n      {description && <Label>{description}</Label>}\n    </>\n  </FormItem>\n)\n\nconst inputTextType = (type: string) => {\n  switch (type) {\n    case 'number':\n      return 'number'\n    case 'email':\n      return 'email'\n    case 'password':\n      return 'password'\n    default:\n      return 'text'\n  }\n}\n\n/**\n * Create a field text input item based on definitions\n * @param name Form item's name\n * @param description Form item's description\n * @param required Form item's required flag\n * @param type Form item's type\n * @param placeholder Form item's placeholder\n * @param handleChange A callback function that updates parent's component state when form item value changes\n * @param requestContent A state object containing the values of all form items\n * @returns A form item\n */\nconst createItem = (\n  name: string,\n  description: string,\n  required: boolean,\n  type: string,\n  placeholder: string,\n  handleChange: (e: BaseSyntheticEvent) => void,\n  requestContent: RunItValues\n) => (\n  <FormItem key={`${name}_fi`} id={name} label={name}>\n    <InputText\n      key={name}\n      id={name}\n      name={name}\n      required={required}\n      placeholder={`${placeholder} ${description || name}`}\n      type={inputTextType(type)}\n      value={name in requestContent ? requestContent[name] : ''}\n      onChange={handleChange}\n    />\n  </FormItem>\n)\n\n/**\n * Creates a simple form item\n * @param input An object describing the form item\n * @param handleChange A callback function for updating the parent component's requestContent state with\n * text/email/password item changes\n * @param handleNumberChange A callback function for updating the parent component's requestContent state with number\n * item changes\n * @param handleBoolChange A callback function for updating the parent\n * component's requestContent state with bool item changes\n * @param handleDateChange A callback function for updating the parent\n * component's requestContent state with date item changes\n * @param requestContent A state object containing the values of all form items\n * @returns A simple form item\n */\nexport const createSimpleItem = (\n  input: RunItInput,\n  handleChange: (e: BaseSyntheticEvent) => void,\n  handleNumberChange: (e: BaseSyntheticEvent) => void,\n  handleBoolChange: (e: BaseSyntheticEvent) => void,\n  handleDateChange: (name: string, date?: Date) => void,\n  requestContent: RunItValues\n) => {\n  switch (input.type) {\n    case 'boolean':\n      return createBoolItem(\n        input.name,\n        input.description,\n        handleBoolChange,\n        requestContent\n      )\n    case 'int64':\n    case 'integer':\n    case 'float':\n    case 'double':\n      return createItem(\n        input.name,\n        input.description,\n        input.required,\n        'number',\n        '(number)',\n        handleNumberChange,\n        requestContent\n      )\n    case 'string':\n    case 'hostname':\n    case 'uuid':\n    case 'uri':\n    case 'ipv4':\n    case 'ipv6':\n      return createItem(\n        input.name,\n        input.description,\n        input.required,\n        'string',\n        '(string)',\n        handleChange,\n        requestContent\n      )\n    case 'email':\n    case 'password':\n      return createItem(\n        input.name,\n        input.description,\n        input.required,\n        input.type,\n        '(string)',\n        handleChange,\n        requestContent\n      )\n    case 'datetime':\n      return createDateItem(input.name, handleDateChange, requestContent)\n    default:\n      return <Fragment key={input.name}></Fragment>\n  }\n}\n\n/**\n * Creates a complex item\n * @param input An object describing the form item\n * @param handleComplexChange A callback function for updating the parent\n * component's requestContent state\n * @param requestContent A state object containing the values of all form items\n * @returns A complex form item\n */\nexport const createComplexItem = (\n  input: RunItInput,\n  handleComplexChange: (value: string, name: string) => void,\n  requestContent: RunItValues\n) => {\n  const content = requestContent[input.name]\n  const code =\n    typeof content === 'string' ? content : JSON.stringify(content, null, 2)\n\n  return (\n    <FormItem\n      key={`${input.name}_fic`}\n      id={input.name}\n      label={\n        <Space>\n          {input.name}\n          <Tooltip content={BODY_HINT}>\n            <Icon\n              data-testid=\"body-param-tooltip\"\n              icon={<Info />}\n              size=\"xsmall\"\n              ml=\"xsmall\"\n            />\n          </Tooltip>\n        </Space>\n      }\n    >\n      <CodeEditor\n        key={`code_${input.name}`}\n        language=\"json\"\n        code={code}\n        lineNumbers={false}\n        onChange={handleComplexChange.bind(null, input.name)}\n        transparent={true}\n      />\n    </FormItem>\n  )\n}\n\n/**\n * Creates a required checkbox form item\n */\nexport const showDataChangeWarning = () => (\n  <FormItem key=\"warningfi\" id=\"change_warning\">\n    <FieldCheckbox\n      name=\"warning\"\n      key=\"warning\"\n      required\n      label=\"I understand that this API endpoint will change data.\"\n    />\n  </FormItem>\n)\n\n/**\n * Updates a given state with a key/value pair, taking into consideration\n * indeterminate values.\n * @param state A collection to update\n * @param key Property to update\n * @param newValue? New value corresponding to given key\n */\nexport const updateNullableProp = (\n  state: RunItValues,\n  key: string,\n  newValue?: any\n) => {\n  const updatedState = { ...state }\n  if (key in state && !newValue) {\n    delete updatedState[key]\n  } else {\n    updatedState[key] = newValue\n  }\n  return updatedState\n}\n\n/**\n * If the body isn't empty, it must be valid form encoded syntax\n *\n * This may not be perfect validation but it should be good enough to tolerate variances\n *\n * @param body to validate\n */\nexport const validateEncodedValues = (body: string) => {\n  let result = ''\n  if (!body) return result\n  const args = body.split('&')\n  args.forEach((arg) => {\n    const formArg = /[\\w-_.]+(\\[])?=.*/i\n    if (!formArg.test(arg)) {\n      result += ` ${arg}`\n    }\n  })\n  return result.trim()\n}\n\n/**\n * Returns an error message if the body is not JSON or valid form url encoding\n *\n * @param body string to validate\n * @param requiredKeys keys that are required in the body parameter\n */\nexport const validateBody = (\n  body: string | Record<string, any>,\n  requiredKeys: string[]\n) => {\n  let parsed\n\n  let result = ''\n  if (body) {\n    if (typeof body === 'string') {\n      if (/^[[{}\"]/.test(body)) {\n        // most likely JSON\n        try {\n          parsed = JSON.parse(body)\n        } catch (e: any) {\n          result = e.message\n        }\n      } else {\n        result = validateEncodedValues(body)\n      }\n      if (result) {\n        result = `Syntax error in the body: ${result}`\n      }\n    } else {\n      parsed = body\n    }\n  }\n\n  if (parsed && requiredKeys && requiredKeys.length > 0) {\n    const required = new Set<string>(requiredKeys)\n    const keys = new Set<string>(Object.keys(parsed))\n    const missing = new Set<string>([...required].filter((k) => !keys.has(k)))\n    if (missing.size > 0) {\n      result = `Error: Required properties \"${Array.from(missing).join(\n        ', '\n      )}\" must be provided in the body`\n    }\n  }\n  return result\n}\n"],"mappings":"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"}
+{"version":3,"file":"formUtils.js","names":["React","Fragment","ToggleSwitch","Label","FieldCheckbox","InputText","Tooltip","Icon","InputDate","Space","Info","CodeEditor","FormItem","BODY_HINT","createDateItem","name","handleChange","requestContent","createElement","key","concat","id","label","defaultValue","undefined","onChange","bind","createBoolItem","description","on","inputTextType","type","createItem","required","placeholder","value","createSimpleItem","input","handleNumberChange","handleBoolChange","handleDateChange","createComplexItem","handleComplexChange","content","code","JSON","stringify","icon","size","ml","language","lineNumbers","transparent","showDataChangeWarning","updateNullableProp","state","newValue","updatedState","_objectSpread","validateEncodedValues","body","result","args","split","forEach","arg","formArg","test","trim","validateBody","requiredKeys","parsed","parse","e","message","length","Set","keys","Object","missing","filter","k","has","Array","from","join"],"sources":["../../../../src/components/RequestForm/formUtils.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { BaseSyntheticEvent } from 'react'\nimport React, { Fragment } from 'react'\nimport {\n  ToggleSwitch,\n  Label,\n  FieldCheckbox,\n  InputText,\n  Tooltip,\n  Icon,\n  InputDate,\n  Space,\n} from '@looker/components'\n// eslint-disable-next-line no-restricted-imports\nimport { Info } from '@styled-icons/material'\nimport { CodeEditor } from '@looker/code-editor'\nimport type { RunItInput, RunItValues } from '../../RunIt'\nimport { FormItem } from './FormItem'\n\nexport const BODY_HINT =\n  'By default, empty values are automatically removed from the request inputs, except for properties with `false` boolean values, which must be completely removed from the JSON body if they should not be passed.'\n/**\n * Creates a datetime form item\n * @param name Form item's name\n * @param handleChange A callback function for updating the parent\n * component's requestContent state with date item changes\n * @param requestContent A state object containing the values of all form items\n * @returns A datetime form item\n */\nconst createDateItem = (\n  name: string,\n  handleChange: (name: string, date?: Date) => void,\n  requestContent: RunItValues\n) => (\n  <FormItem key={`${name}_fid`} id={name} label={name}>\n    <InputDate\n      key={`datepick_${name}`}\n      data-testid={`datepick_${name}`}\n      defaultValue={name in requestContent ? requestContent[name] : undefined}\n      onChange={handleChange.bind(null, name)}\n    />\n  </FormItem>\n)\n\n/**\n * Creates a boolean form item\n * @param name Form item's name\n * @param description  Form item's description\n * @param handleChange A callback function that updates parent's component state when boolean item is clicked\n * @param requestContent A state object containing the values of all form items\n * @returns A boolean form item (a FieldToggleSwitch)\n */\nconst createBoolItem = (\n  name: string,\n  description: string,\n  handleChange: (e: BaseSyntheticEvent) => void,\n  requestContent: RunItValues\n) => (\n  <FormItem key={`${name}_fib`} id={name} label={name}>\n    <>\n      <ToggleSwitch\n        key={name}\n        id={name}\n        name={name}\n        onChange={handleChange}\n        on={name in requestContent ? requestContent[name] : false}\n      />\n      {description && <Label>{description}</Label>}\n    </>\n  </FormItem>\n)\n\nconst inputTextType = (type: string) => {\n  switch (type) {\n    case 'number':\n      return 'number'\n    case 'email':\n      return 'email'\n    case 'password':\n      return 'password'\n    default:\n      return 'text'\n  }\n}\n\n/**\n * Create a field text input item based on definitions\n * @param name Form item's name\n * @param description Form item's description\n * @param required Form item's required flag\n * @param type Form item's type\n * @param placeholder Form item's placeholder\n * @param handleChange A callback function that updates parent's component state when form item value changes\n * @param requestContent A state object containing the values of all form items\n * @returns A form item\n */\nconst createItem = (\n  name: string,\n  description: string,\n  required: boolean,\n  type: string,\n  placeholder: string,\n  handleChange: (e: BaseSyntheticEvent) => void,\n  requestContent: RunItValues\n) => (\n  <FormItem key={`${name}_fi`} id={name} label={name}>\n    <InputText\n      key={name}\n      id={name}\n      name={name}\n      required={required}\n      placeholder={`${placeholder} ${description || name}`}\n      type={inputTextType(type)}\n      value={name in requestContent ? requestContent[name] : ''}\n      onChange={handleChange}\n    />\n  </FormItem>\n)\n\n/**\n * Creates a simple form item\n * @param input An object describing the form item\n * @param handleChange A callback function for updating the parent component's requestContent state with\n * text/email/password item changes\n * @param handleNumberChange A callback function for updating the parent component's requestContent state with number\n * item changes\n * @param handleBoolChange A callback function for updating the parent\n * component's requestContent state with bool item changes\n * @param handleDateChange A callback function for updating the parent\n * component's requestContent state with date item changes\n * @param requestContent A state object containing the values of all form items\n * @returns A simple form item\n */\nexport const createSimpleItem = (\n  input: RunItInput,\n  handleChange: (e: BaseSyntheticEvent) => void,\n  handleNumberChange: (e: BaseSyntheticEvent) => void,\n  handleBoolChange: (e: BaseSyntheticEvent) => void,\n  handleDateChange: (name: string, date?: Date) => void,\n  requestContent: RunItValues\n) => {\n  switch (input.type) {\n    case 'boolean':\n      return createBoolItem(\n        input.name,\n        input.description,\n        handleBoolChange,\n        requestContent\n      )\n    case 'int64':\n    case 'integer':\n    case 'float':\n    case 'double':\n      return createItem(\n        input.name,\n        input.description,\n        input.required,\n        'number',\n        '(number)',\n        handleNumberChange,\n        requestContent\n      )\n    case 'string':\n    case 'hostname':\n    case 'uuid':\n    case 'uri':\n    case 'ipv4':\n    case 'ipv6':\n      return createItem(\n        input.name,\n        input.description,\n        input.required,\n        'string',\n        '(string)',\n        handleChange,\n        requestContent\n      )\n    case 'email':\n    case 'password':\n      return createItem(\n        input.name,\n        input.description,\n        input.required,\n        input.type,\n        '(string)',\n        handleChange,\n        requestContent\n      )\n    case 'datetime':\n      return createDateItem(input.name, handleDateChange, requestContent)\n    default:\n      return <Fragment key={input.name}></Fragment>\n  }\n}\n\n/**\n * Creates a complex item\n * @param input An object describing the form item\n * @param handleComplexChange A callback function for updating the parent\n * component's requestContent state\n * @param requestContent A state object containing the values of all form items\n * @returns A complex form item\n */\nexport const createComplexItem = (\n  input: RunItInput,\n  handleComplexChange: (value: string, name: string) => void,\n  requestContent: RunItValues\n) => {\n  const content = requestContent[input.name]\n  const code =\n    typeof content === 'string' ? content : JSON.stringify(content, null, 2)\n\n  return (\n    <FormItem\n      key={`${input.name}_fic`}\n      id={input.name}\n      label={\n        <Space>\n          {input.name}\n          <Tooltip content={BODY_HINT}>\n            <Icon\n              data-testid=\"body-param-tooltip\"\n              icon={<Info />}\n              size=\"xsmall\"\n              ml=\"xsmall\"\n            />\n          </Tooltip>\n        </Space>\n      }\n    >\n      <CodeEditor\n        key={`code_${input.name}`}\n        language=\"json\"\n        code={code}\n        lineNumbers={false}\n        onChange={handleComplexChange.bind(null, input.name)}\n        transparent={true}\n      />\n    </FormItem>\n  )\n}\n\n/**\n * Creates a required checkbox form item\n */\nexport const showDataChangeWarning = () => (\n  <FormItem key=\"warningfi\" id=\"change_warning\">\n    <FieldCheckbox\n      name=\"warning\"\n      key=\"warning\"\n      required\n      label=\"I understand that this API endpoint will change data.\"\n    />\n  </FormItem>\n)\n\n/**\n * Updates a given state with a key/value pair, taking into consideration\n * indeterminate values.\n * @param state A collection to update\n * @param key Property to update\n * @param newValue? New value corresponding to given key\n */\nexport const updateNullableProp = (\n  state: RunItValues,\n  key: string,\n  newValue?: any\n) => {\n  const updatedState = { ...state }\n  if (key in state && !newValue) {\n    delete updatedState[key]\n  } else {\n    updatedState[key] = newValue\n  }\n  return updatedState\n}\n\n/**\n * If the body isn't empty, it must be valid form encoded syntax\n *\n * This may not be perfect validation but it should be good enough to tolerate variances\n *\n * @param body to validate\n */\nexport const validateEncodedValues = (body: string) => {\n  let result = ''\n  if (!body) return result\n  const args = body.split('&')\n  args.forEach((arg) => {\n    const formArg = /[\\w-_.]+(\\[])?=.*/i\n    if (!formArg.test(arg)) {\n      result += ` ${arg}`\n    }\n  })\n  return result.trim()\n}\n\n/**\n * Returns an error message if the body is not JSON or valid form url encoding\n *\n * @param body string to validate\n * @param requiredKeys keys that are required in the body parameter\n */\nexport const validateBody = (\n  body: string | Record<string, any>,\n  requiredKeys: string[]\n) => {\n  let parsed\n\n  let result = ''\n  if (body) {\n    if (typeof body === 'string') {\n      if (/^[[{}\"]/.test(body)) {\n        // most likely JSON\n        try {\n          parsed = JSON.parse(body)\n        } catch (e: any) {\n          result = e.message\n        }\n      } else {\n        result = validateEncodedValues(body)\n      }\n      if (result) {\n        result = `Syntax error in the body: ${result}`\n      }\n    } else {\n      parsed = body\n    }\n  }\n\n  if (parsed && requiredKeys && requiredKeys.length > 0) {\n    const required = new Set<string>(requiredKeys)\n    const keys = new Set<string>(Object.keys(parsed))\n    const missing = new Set<string>([...required].filter((k) => !keys.has(k)))\n    if (missing.size > 0) {\n      result = `Error: Required properties \"${Array.from(missing).join(\n        ', '\n      )}\" must be provided in the body`\n    }\n  }\n  return result\n}\n"],"mappings":"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"}

package/lib/esm/components/RequestForm/index.js

@@ -1,20 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RequestForm", {
-  enumerable: true,
-  get: function get() {
-    return _RequestForm.RequestForm;
-  }
-});
-Object.defineProperty(exports, "validateBody", {
-  enumerable: true,
-  get: function get() {
-    return _formUtils.validateBody;
-  }
-});
-var _RequestForm = require("./RequestForm");
-var _formUtils = require("./formUtils");
+export { RequestForm } from './RequestForm';
+export { validateBody } from './formUtils';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/RequestForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_RequestForm","require","_formUtils"],"sources":["../../../../src/components/RequestForm/index.ts"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nexport { RequestForm } from './RequestForm'\nexport { validateBody } from './formUtils'\n"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA"}
+{"version":3,"file":"index.js","names":["RequestForm","validateBody"],"sources":["../../../../src/components/RequestForm/index.ts"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nexport { RequestForm } from './RequestForm'\nexport { validateBody } from './formUtils'\n"],"mappings":"AA0BA,SAASA,WAAW,QAAQ,eAAe;AAC3C,SAASC,YAAY,QAAQ,aAAa"}

package/lib/esm/components/ResponseExplorer/ResponseExplorer.js

@@ -1,20 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ResponseHeaders = exports.ResponseExplorer = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _components = require("@looker/components");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Warning = require("@styled-icons/material/Warning");
-var _extensionUtils = require("@looker/extension-utils");
-var _ShowResponse = require("../ShowResponse");
-var _Collapser = require("../Collapser");
-var _common = require("../common");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import React, { useState } from 'react';
+import { Table, TableBody, TableRow, TableDataCell, Span, TableHead, TableHeaderCell, IconButton } from '@looker/components';
+import styled from 'styled-components';
+import { Warning } from '@styled-icons/material/Warning';
+import { APIErrorDialog, APIErrorDisplay } from '@looker/extension-utils';
+import { ShowResponse } from '../ShowResponse';
+import { CollapserCard } from '../Collapser';
+import { DarkSpan, RunItHeading } from '../common';
 var getHeaders = response => {
   if (!(response !== null && response !== void 0 && response.headers)) return [];
   var result = [];
@@ -28,78 +19,76 @@ var getBodySize = response => {
   var size = !response || !response.body ? 0 : (response === null || response === void 0 ? void 0 : response.body) instanceof Blob ? response === null || response === void 0 ? void 0 : response.body.size : response === null || response === void 0 ? void 0 : response.body.toString().length;
   return "".concat(size, " bytes");
 };
-var NoWrap = (0, _styledComponents.default)(_components.Span).withConfig({
+var NoWrap = styled(Span).withConfig({
   displayName: "ResponseExplorer__NoWrap",
   componentId: "sc-bpger-0"
 })(["display:inline-block;direction:rtl;white-space:nowrap;overflow:hidden;"]);
-var ResponseHeaders = _ref2 => {
+export var ResponseHeaders = _ref2 => {
   var {
     response
   } = _ref2;
   var rows = getHeaders(response);
-  if (rows.length === 0) return _react.default.createElement(_react.default.Fragment, null);
-  return _react.default.createElement(_Collapser.CollapserCard, {
+  if (rows.length === 0) return React.createElement(React.Fragment, null);
+  return React.createElement(CollapserCard, {
     key: "headers",
     heading: "Headers (".concat(rows.length, ")"),
     id: "headers",
     defaultOpen: false,
     divider: false
-  }, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Table, null, _react.default.createElement(_components.TableHead, null, _react.default.createElement(_components.TableRow, null, _react.default.createElement(_components.TableHeaderCell, {
+  }, React.createElement(React.Fragment, null, React.createElement(Table, null, React.createElement(TableHead, null, React.createElement(TableRow, null, React.createElement(TableHeaderCell, {
     p: "xsmall"
-  }, "Name"), _react.default.createElement(_components.TableHeaderCell, {
+  }, "Name"), React.createElement(TableHeaderCell, {
     p: "xsmall"
-  }, "Value"))), _react.default.createElement(_components.TableBody, null, rows.map(_ref3 => {
+  }, "Value"))), React.createElement(TableBody, null, rows.map(_ref3 => {
     var [key, value] = _ref3;
-    return _react.default.createElement(_components.TableRow, {
+    return React.createElement(TableRow, {
       key: key
-    }, _react.default.createElement(_components.TableDataCell, {
+    }, React.createElement(TableDataCell, {
       p: "xsmall"
-    }, _react.default.createElement(NoWrap, null, _react.default.createElement("strong", null, key))), _react.default.createElement(_components.TableDataCell, {
+    }, React.createElement(NoWrap, null, React.createElement("strong", null, key))), React.createElement(TableDataCell, {
       p: "xsmall"
-    }, _react.default.createElement(_components.Span, null, value)));
+    }, React.createElement(Span, null, value)));
   })))));
 };
-exports.ResponseHeaders = ResponseHeaders;
-var ResponseExplorer = _ref4 => {
+export var ResponseExplorer = _ref4 => {
   var {
     response,
     verb,
     path
   } = _ref4;
-  var [isOpen, setIsOpen] = (0, _react.useState)(false);
+  var [isOpen, setIsOpen] = useState(false);
   var error = response && response.statusCode >= 400 && response.contentType === 'application/json' ? JSON.parse(response.body) : undefined;
   var timed = response => {
     if (!(response.responseCompleted || response.requestStarted)) return '';
     var diff = (response.responseCompleted - response.requestStarted) / 1000;
     return "Seconds: ".concat(diff.toFixed(3));
   };
-  return _react.default.createElement(_react.default.Fragment, null, !response && _react.default.createElement(_common.DarkSpan, null, "No response was received"), response && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_common.RunItHeading, {
+  return React.createElement(React.Fragment, null, !response && React.createElement(DarkSpan, null, "No response was received"), response && React.createElement(React.Fragment, null, React.createElement(RunItHeading, {
     as: "h4"
-  }, error && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_extensionUtils.APIErrorDialog, {
+  }, error && React.createElement(React.Fragment, null, React.createElement(APIErrorDialog, {
     error: error,
     isOpen: isOpen,
     setOpen: setIsOpen
-  }), _react.default.createElement(_components.IconButton, {
+  }), React.createElement(IconButton, {
     size: "small",
     onClick: () => setIsOpen(true),
-    icon: _react.default.createElement(_Warning.Warning, null),
+    icon: React.createElement(Warning, null),
     "aria-label": "API error",
     label: "API Error"
-  })), "".concat(verb || '', " ").concat(path || '', " (").concat(response.statusCode, ": ").concat(response.statusMessage, ") ").concat(timed(response))), _react.default.createElement(_Collapser.CollapserCard, {
+  })), "".concat(verb || '', " ").concat(path || '', " (").concat(response.statusCode, ": ").concat(response.statusMessage, ") ").concat(timed(response))), React.createElement(CollapserCard, {
     divider: false,
     heading: "Body (".concat(getBodySize(response), ")"),
     id: "body"
-  }, _react.default.createElement(_ShowResponse.ShowResponse, {
+  }, React.createElement(ShowResponse, {
     response: response
-  })), error && _react.default.createElement(_Collapser.CollapserCard, {
+  })), error && React.createElement(CollapserCard, {
     divider: false,
     heading: 'Error information'
-  }, _react.default.createElement(_extensionUtils.APIErrorDisplay, {
+  }, React.createElement(APIErrorDisplay, {
     error: error,
     showDoc: true
-  })), _react.default.createElement(ResponseHeaders, {
+  })), React.createElement(ResponseHeaders, {
     response: response
   })));
 };
-exports.ResponseExplorer = ResponseExplorer;
 //# sourceMappingURL=ResponseExplorer.js.map