@looker/run-it 0.9.43-alpha.1650 → 0.9.43

package/lib/components/RequestForm/RequestForm.js

@@ -4,25 +4,18 @@ 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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 => {
   var {
     inputs,
@@ -36,52 +29,62 @@ var RequestForm = _ref => {
     setHasConfig,
     validationMessage,
     setValidationMessage,
+    keepBody,
+    toggleKeepBody,
     isExtension = false
   } = _ref;
-
+  var hasBody = inputs.some(i => i.location === 'body');
   var handleBoolChange = e => {
     setRequestContent(_objectSpread(_objectSpread({}, requestContent), {}, {
       [e.target.name]: e.target.checked
     }));
   };
-
   var handleNumberChange = e => {
     var value = e.target.value ? parseFloat(e.target.value) : undefined;
     var newState = (0, _formUtils.updateNullableProp)(requestContent, e.target.name, value);
     setRequestContent(newState);
   };
-
   var handleDateChange = (name, date) => {
     var newState = (0, _formUtils.updateNullableProp)(requestContent, name, date);
     setRequestContent(newState);
   };
-
   var handleChange = e => {
     var newState = (0, _formUtils.updateNullableProp)(requestContent, e.target.name, e.target.value);
     setRequestContent(newState);
   };
-
   var handleComplexChange = (name, value) => {
     setRequestContent(_objectSpread(_objectSpread({}, requestContent), {}, {
       [name]: value
     }));
   };
-
   var safeSetMessage = value => setValidationMessage && setValidationMessage(value);
-
   var handleClear = e => {
     e.preventDefault();
     setRequestContent({});
     safeSetMessage('');
   };
-
   return _react.default.createElement(_components.Form, {
     onSubmit: handleSubmit
   }, validationMessage && _react.default.createElement(_components.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)(), _react.default.createElement(_FormItem.FormItem, {
+  }, 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, {
+    key: "keepbody_fib",
+    id: "keepBody",
+    label: "Send body as-is"
+  }, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.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, {
+    key: "body_hint",
+    id: "bodyHint"
+  }, _react.default.createElement(_common.DarkSpan, {
+    fontSize: "small"
+  }, _formUtils.BODY_HINT))), _react.default.createElement(_FormItem.FormItem, {
     id: "buttonbar"
   }, _react.default.createElement(_react.default.Fragment, null, hasConfig ? needsAuth ? _react.default.createElement(_LoginForm.LoginForm, {
     requestContent: requestContent
@@ -100,6 +103,5 @@ var RequestForm = _ref => {
     onClick: handleClear
   }, "Clear"))))));
 };
-
 exports.RequestForm = RequestForm;
 //# sourceMappingURL=RequestForm.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/RequestForm/RequestForm.tsx"],"names":["RequestForm","inputs","httpMethod","handleSubmit","requestContent","setRequestContent","needsAuth","hasConfig","handleConfig","setHasConfig","validationMessage","setValidationMessage","isExtension","handleBoolChange","e","target","name","checked","handleNumberChange","value","parseFloat","undefined","newState","handleDateChange","date","handleChange","handleComplexChange","safeSetMessage","handleClear","preventDefault","map","input","type"],"mappings":";;;;;;;AA2BA;;AACA;;AASA;;AACA;;AAMA;;;;;;;;;;AAkCO,IAAMA,WAAiC,GAAG,QAa3C;AAAA,MAb4C;AAChDC,IAAAA,MADgD;AAEhDC,IAAAA,UAFgD;AAGhDC,IAAAA,YAHgD;AAIhDC,IAAAA,cAJgD;AAKhDC,IAAAA,iBALgD;AAMhDC,IAAAA,SANgD;AAOhDC,IAAAA,SAPgD;AAQhDC,IAAAA,YARgD;AAShDC,IAAAA,YATgD;AAUhDC,IAAAA,iBAVgD;AAWhDC,IAAAA,oBAXgD;AAYhDC,IAAAA,WAAW,GAAG;AAZkC,GAa5C;;AACJ,MAAMC,gBAAgB,GAAIC,CAAD,IAA2B;AAClDT,IAAAA,iBAAiB,iCAAMD,cAAN;AAAsB,OAACU,CAAC,CAACC,MAAF,CAASC,IAAV,GAAiBF,CAAC,CAACC,MAAF,CAASE;AAAhD,OAAjB;AACD,GAFD;;AAIA,MAAMC,kBAAkB,GAAIJ,CAAD,IAA2B;AACpD,QAAMK,KAAK,GAAGL,CAAC,CAACC,MAAF,CAASI,KAAT,GAAiBC,UAAU,CAACN,CAAC,CAACC,MAAF,CAASI,KAAV,CAA3B,GAA8CE,SAA5D;AACA,QAAMC,QAAQ,GAAG,mCAAmBlB,cAAnB,EAAmCU,CAAC,CAACC,MAAF,CAASC,IAA5C,EAAkDG,KAAlD,CAAjB;AACAd,IAAAA,iBAAiB,CAACiB,QAAD,CAAjB;AACD,GAJD;;AAMA,MAAMC,gBAAgB,GAAG,CAACP,IAAD,EAAeQ,IAAf,KAA+B;AACtD,QAAMF,QAAQ,GAAG,mCAAmBlB,cAAnB,EAAmCY,IAAnC,EAAyCQ,IAAzC,CAAjB;AACAnB,IAAAA,iBAAiB,CAACiB,QAAD,CAAjB;AACD,GAHD;;AAKA,MAAMG,YAAY,GAAIX,CAAD,IAA2B;AAC9C,QAAMQ,QAAQ,GAAG,mCACflB,cADe,EAEfU,CAAC,CAACC,MAAF,CAASC,IAFM,EAGfF,CAAC,CAACC,MAAF,CAASI,KAHM,CAAjB;AAKAd,IAAAA,iBAAiB,CAACiB,QAAD,CAAjB;AACD,GAPD;;AASA,MAAMI,mBAAmB,GAAG,CAACV,IAAD,EAAeG,KAAf,KAAiC;AAC3Dd,IAAAA,iBAAiB,iCAAMD,cAAN;AAAsB,OAACY,IAAD,GAAQG;AAA9B,OAAjB;AACD,GAFD;;AAIA,MAAMQ,cAAc,GAAIR,KAAD,IACrBR,oBAAoB,IAAIA,oBAAoB,CAACQ,KAAD,CAD9C;;AAGA,MAAMS,WAAW,GAAId,CAAD,IAA2B;AAC7CA,IAAAA,CAAC,CAACe,cAAF;AACAxB,IAAAA,iBAAiB,CAAC,EAAD,CAAjB;AACAsB,IAAAA,cAAc,CAAC,EAAD,CAAd;AACD,GAJD;;AAMA,SACE,6BAAC,gBAAD;AAAM,IAAA,QAAQ,EAAExB;AAAhB,KACGO,iBAAiB,IAChB,6BAAC,sBAAD;AACE,IAAA,MAAM,EAAE,UADV;AAEE,IAAA,cAAc,EAAE,MAAMiB,cAAc,CAAC,EAAD,CAFtC;AAGE,IAAA,OAAO,EAAEjB,iBAAiB,KAAK;AAHjC,KAKGA,iBALH,CAFJ,EAUE,6BAAC,oBAAD,QACGT,MAAM,CAAC6B,GAAP,CAAYC,KAAD,IACV,OAAOA,KAAK,CAACC,IAAb,KAAsB,QAAtB,GACI,iCACED,KADF,EAEEN,YAFF,EAGEP,kBAHF,EAIEL,gBAJF,EAKEU,gBALF,EAMEnB,cANF,CADJ,GASI,kCAAkB2B,KAAlB,EAAyBL,mBAAzB,EAA8CtB,cAA9C,CAVL,CADH,EAaGF,UAAU,KAAK,KAAf,IAAwB,uCAb3B,EAcE,6BAAC,kBAAD;AAAU,IAAA,EAAE,EAAC;AAAb,KACE,4DACGK,SAAS,GACRD,SAAS,GACP,6BAAC,oBAAD;AAAW,IAAA,cAAc,EAAEF;AAA3B,IADO,GAGP,6BAAC,mBAAD;AAAS,IAAA,OAAO,EAAC;AAAjB,KACE,6BAAC,kBAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,WADF,CAJM,GASR,CAACQ,WAAD,IACAH,YADA,IAEE,6BAAC,mBAAD;AAAS,IAAA,OAAO,EAAC;AAAjB,KACE,6BAAC,kBAAD;AAAQ,IAAA,OAAO,EAAED;AAAjB,iBADF,CAZN,EAiBE,6BAAC,mBAAD;AAAS,IAAA,OAAO,EAAC;AAAjB,KACE,6BAAC,6BAAD;AAAmB,IAAA,IAAI,EAAC,QAAxB;AAAiC,IAAA,OAAO,EAAEoB;AAA1C,aADF,CAjBF,CADF,CAdF,CAVF,CADF;AAqDD,CAxGM","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 } from 'react'\nimport React from 'react'\nimport {\n  Button,\n  Form,\n  ButtonTransparent,\n  Tooltip,\n  Fieldset,\n  MessageBar,\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} from './formUtils'\nimport { FormItem } from './FormItem'\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  /** 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  isExtension = false,\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        <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"],"file":"RequestForm.js"}
+{"version":3,"file":"RequestForm.js","names":["RequestForm","inputs","httpMethod","handleSubmit","requestContent","setRequestContent","needsAuth","hasConfig","handleConfig","setHasConfig","validationMessage","setValidationMessage","keepBody","toggleKeepBody","isExtension","hasBody","some","i","location","handleBoolChange","e","target","name","checked","handleNumberChange","value","parseFloat","undefined","newState","updateNullableProp","handleDateChange","date","handleChange","handleComplexChange","safeSetMessage","handleClear","preventDefault","map","input","type","createSimpleItem","createComplexItem","showDataChangeWarning","BODY_HINT"],"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/components/RequestForm/formUtils.d.ts

@@ -1,5 +1,6 @@
 import type { BaseSyntheticEvent } from 'react';
 import type { RunItInput, RunItValues } from '../../RunIt';
+export declare const 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.";
 export declare const createSimpleItem: (input: RunItInput, handleChange: (e: BaseSyntheticEvent) => void, handleNumberChange: (e: BaseSyntheticEvent) => void, handleBoolChange: (e: BaseSyntheticEvent) => void, handleDateChange: (name: string, date?: Date | undefined) => void, requestContent: RunItValues) => JSX.Element;
 export declare const createComplexItem: (input: RunItInput, handleComplexChange: (value: string, name: string) => void, requestContent: RunItValues) => JSX.Element;
 export declare const showDataChangeWarning: () => JSX.Element;

package/lib/components/RequestForm/formUtils.js

@@ -3,28 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateBody = exports.validateEncodedValues = exports.updateNullableProp = exports.showDataChangeWarning = exports.createComplexItem = exports.createSimpleItem = void 0;
-
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 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, {
   key: "".concat(name, "_fid"),
   id: name,
@@ -35,7 +28,6 @@ var createDateItem = (name, handleChange, requestContent) => _react.default.crea
   defaultValue: name in requestContent ? requestContent[name] : undefined,
   onChange: handleChange.bind(null, name)
 }));
-
 var createBoolItem = (name, description, handleChange, requestContent) => _react.default.createElement(_FormItem.FormItem, {
   key: "".concat(name, "_fib"),
   id: name,
@@ -47,23 +39,18 @@ var createBoolItem = (name, description, handleChange, requestContent) => _react
   onChange: handleChange,
   on: name in requestContent ? requestContent[name] : false
 }), description && _react.default.createElement(_components.Label, null, description)));
-
 var inputTextType = type => {
   switch (type) {
     case 'number':
       return 'number';
-
     case 'email':
       return 'email';
-
     case 'password':
       return 'password';
-
     default:
       return 'text';
   }
 };
-
 var createItem = (name, description, required, type, placeholder, handleChange, requestContent) => _react.default.createElement(_FormItem.FormItem, {
   key: "".concat(name, "_fi"),
   id: name,
@@ -78,18 +65,15 @@ var createItem = (name, description, required, type, placeholder, handleChange,
   value: name in requestContent ? requestContent[name] : '',
   onChange: handleChange
 }));
-
 var createSimpleItem = (input, handleChange, handleNumberChange, handleBoolChange, handleDateChange, requestContent) => {
   switch (input.type) {
     case 'boolean':
       return createBoolItem(input.name, input.description, handleBoolChange, requestContent);
-
     case 'int64':
     case 'integer':
     case 'float':
     case 'double':
       return createItem(input.name, input.description, input.required, 'number', '(number)', handleNumberChange, requestContent);
-
     case 'string':
     case 'hostname':
     case 'uuid':
@@ -97,23 +81,18 @@ var createSimpleItem = (input, handleChange, handleNumberChange, handleBoolChang
     case 'ipv4':
     case 'ipv6':
       return createItem(input.name, input.description, input.required, 'string', '(string)', handleChange, requestContent);
-
     case 'email':
     case 'password':
       return createItem(input.name, input.description, input.required, input.type, '(string)', handleChange, requestContent);
-
     case 'datetime':
       return createDateItem(input.name, handleDateChange, requestContent);
-
     default:
       return _react.default.createElement(_react.Fragment, {
         key: input.name
       });
   }
 };
-
 exports.createSimpleItem = createSimpleItem;
-
 var createComplexItem = (input, handleComplexChange, requestContent) => {
   var content = requestContent[input.name];
   var code = typeof content === 'string' ? content : JSON.stringify(content, null, 2);
@@ -121,7 +100,7 @@ var createComplexItem = (input, handleComplexChange, requestContent) => {
     key: "".concat(input.name, "_fic"),
     id: input.name,
     label: _react.default.createElement(_components.Space, null, input.name, _react.default.createElement(_components.Tooltip, {
-      content: "Empty values are automatically removed from the request."
+      content: BODY_HINT
     }, _react.default.createElement(_components.Icon, {
       "data-testid": "body-param-tooltip",
       icon: _react.default.createElement(_material.Info, null),
@@ -137,9 +116,7 @@ var createComplexItem = (input, handleComplexChange, requestContent) => {
     transparent: true
   }));
 };
-
 exports.createComplexItem = createComplexItem;
-
 var showDataChangeWarning = () => _react.default.createElement(_FormItem.FormItem, {
   key: "warningfi",
   id: "change_warning"
@@ -149,43 +126,33 @@ var showDataChangeWarning = () => _react.default.createElement(_FormItem.FormIte
   required: true,
   label: "I understand that this API endpoint will change data."
 }));
-
 exports.showDataChangeWarning = showDataChangeWarning;
-
 var updateNullableProp = (state, key, newValue) => {
   var updatedState = _objectSpread({}, state);
-
   if (key in state && !newValue) {
     delete updatedState[key];
   } else {
     updatedState[key] = newValue;
   }
-
   return updatedState;
 };
-
 exports.updateNullableProp = updateNullableProp;
-
 var validateEncodedValues = body => {
   var result = '';
   if (!body) return result;
   var args = body.split('&');
   args.forEach(arg => {
     var formArg = /[\w-_.]+(\[])?=.*/i;
-
     if (!formArg.test(arg)) {
       result += " ".concat(arg);
     }
   });
   return result.trim();
 };
-
 exports.validateEncodedValues = validateEncodedValues;
-
 var validateBody = (body, requiredKeys) => {
   var parsed;
   var result = '';
-
   if (body) {
     if (typeof body === 'string') {
       if (/^[[{}"]/.test(body)) {
@@ -197,7 +164,6 @@ var validateBody = (body, requiredKeys) => {
       } else {
         result = validateEncodedValues(body);
       }
-
       if (result) {
         result = "Syntax error in the body: ".concat(result);
       }
@@ -205,19 +171,15 @@ var validateBody = (body, requiredKeys) => {
       parsed = body;
     }
   }
-
   if (parsed && requiredKeys && requiredKeys.length > 0) {
     var required = new Set(requiredKeys);
     var keys = new Set(Object.keys(parsed));
     var missing = new Set([...required].filter(k => !keys.has(k)));
-
     if (missing.size > 0) {
       result = "Error: Required properties \"".concat(Array.from(missing).join(', '), "\" must be provided in the body");
     }
   }
-
   return result;
 };
-
 exports.validateBody = validateBody;
 //# sourceMappingURL=formUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/RequestForm/formUtils.tsx"],"names":["createDateItem","name","handleChange","requestContent","undefined","bind","createBoolItem","description","inputTextType","type","createItem","required","placeholder","createSimpleItem","input","handleNumberChange","handleBoolChange","handleDateChange","createComplexItem","handleComplexChange","content","code","JSON","stringify","showDataChangeWarning","updateNullableProp","state","key","newValue","updatedState","validateEncodedValues","body","result","args","split","forEach","arg","formArg","test","trim","validateBody","requiredKeys","parsed","parse","e","message","length","Set","keys","Object","missing","filter","k","has","size","Array","from","join"],"mappings":"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","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\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=\"Empty values are automatically removed from the request.\">\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"],"file":"formUtils.js"}
+{"version":3,"file":"formUtils.js","names":["BODY_HINT","createDateItem","name","handleChange","requestContent","undefined","bind","createBoolItem","description","inputTextType","type","createItem","required","placeholder","createSimpleItem","input","handleNumberChange","handleBoolChange","handleDateChange","createComplexItem","handleComplexChange","content","code","JSON","stringify","showDataChangeWarning","updateNullableProp","state","key","newValue","updatedState","validateEncodedValues","body","result","args","split","forEach","arg","formArg","test","trim","validateBody","requiredKeys","parsed","parse","e","message","length","Set","keys","Object","missing","filter","k","has","size","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/components/RequestForm/index.js

@@ -15,8 +15,6 @@ Object.defineProperty(exports, "validateBody", {
     return _formUtils.validateBody;
   }
 });
-
 var _RequestForm = require("./RequestForm");
-
 var _formUtils = require("./formUtils");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/RequestForm/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA0BA;;AACA","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"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"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;AACA"}

package/lib/components/ResponseExplorer/ResponseExplorer.js

@@ -3,30 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ResponseExplorer = exports.ResponseHeaders = void 0;
-
+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; }
-
 var getHeaders = response => {
   if (!(response !== null && response !== void 0 && response.headers)) return [];
   var result = [];
@@ -36,17 +24,14 @@ var getHeaders = response => {
   });
   return result;
 };
-
 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({
   displayName: "ResponseExplorer__NoWrap",
-  componentId: "bpger-0"
+  componentId: "sc-bpger-0"
 })(["display:inline-block;direction:rtl;white-space:nowrap;overflow:hidden;"]);
-
 var ResponseHeaders = _ref2 => {
   var {
     response
@@ -74,9 +59,7 @@ var ResponseHeaders = _ref2 => {
     }, _react.default.createElement(_components.Span, null, value)));
   })))));
 };
-
 exports.ResponseHeaders = ResponseHeaders;
-
 var ResponseExplorer = _ref4 => {
   var {
     response,
@@ -85,13 +68,11 @@ var ResponseExplorer = _ref4 => {
   } = _ref4;
   var [isOpen, setIsOpen] = (0, _react.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, {
     as: "h4"
   }, error && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_extensionUtils.APIErrorDialog, {
@@ -120,6 +101,5 @@ var ResponseExplorer = _ref4 => {
     response: response
   })));
 };
-
 exports.ResponseExplorer = ResponseExplorer;
 //# sourceMappingURL=ResponseExplorer.js.map

package/lib/components/ResponseExplorer/ResponseExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ResponseExplorer/ResponseExplorer.tsx"],"names":["getHeaders","response","headers","result","Object","entries","forEach","key","val","push","getBodySize","size","body","Blob","toString","length","NoWrap","Span","ResponseHeaders","rows","map","value","ResponseExplorer","verb","path","isOpen","setIsOpen","error","statusCode","contentType","JSON","parse","undefined","timed","responseCompleted","requestStarted","diff","toFixed","statusMessage"],"mappings":"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","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 { FC } from 'react'\nimport React, { useState } from 'react'\nimport {\n  Table,\n  TableBody,\n  TableRow,\n  TableDataCell,\n  Span,\n  TableHead,\n  TableHeaderCell,\n  IconButton,\n} from '@looker/components'\nimport styled from 'styled-components'\nimport type { IRawResponse, LookerSDKError } from '@looker/sdk-rtl'\nimport { Warning } from '@styled-icons/material/Warning'\nimport { APIErrorDialog, APIErrorDisplay } from '@looker/extension-utils'\nimport { ShowResponse } from '../ShowResponse'\nimport { CollapserCard } from '../Collapser'\nimport { DarkSpan, RunItHeading } from '../common'\n\ntype HeaderTable = string[][]\nexport type ResponseContent = IRawResponse | undefined\n\nconst getHeaders = (response: ResponseContent): HeaderTable => {\n  if (!response?.headers) return []\n  const result: HeaderTable = []\n  Object.entries(response.headers).forEach(([key, val]) =>\n    result.push([key, val])\n  )\n  return result\n}\n\nconst getBodySize = (response: ResponseContent): string => {\n  const size =\n    !response || !response.body\n      ? 0\n      : response?.body instanceof Blob\n      ? response?.body.size\n      : response?.body.toString().length\n\n  return `${size} bytes`\n}\n\nconst NoWrap = styled(Span)`\n  display: inline-block;\n  direction: rtl;\n  white-space: nowrap;\n  overflow: hidden;\n`\n\ninterface ShowHeadersProps {\n  response: ResponseContent\n}\n\n/**\n * Display response headers in a table\n * @param response to display\n * @constructor\n */\nexport const ResponseHeaders: FC<ShowHeadersProps> = ({ response }) => {\n  const rows = getHeaders(response)\n  if (rows.length === 0) return <></>\n  return (\n    <CollapserCard\n      key=\"headers\"\n      heading={`Headers (${rows.length})`}\n      id=\"headers\"\n      defaultOpen={false}\n      divider={false}\n    >\n      <>\n        <Table>\n          <TableHead>\n            <TableRow>\n              <TableHeaderCell p=\"xsmall\">Name</TableHeaderCell>\n              <TableHeaderCell p=\"xsmall\">Value</TableHeaderCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {rows.map(([key, value]) => (\n              <TableRow key={key}>\n                <TableDataCell p=\"xsmall\">\n                  <NoWrap>\n                    <strong>{key}</strong>\n                  </NoWrap>\n                </TableDataCell>\n                <TableDataCell p=\"xsmall\">\n                  <Span>{value}</Span>\n                </TableDataCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </>\n    </CollapserCard>\n  )\n}\n\ninterface ResponseExplorerProps {\n  response: ResponseContent\n  verb: string\n  path: string\n}\n\n/**\n * Explore the raw response from an HTTP request\n * @param response IRawResponse values\n * @param verb HTTP method\n * @param path Path of request\n * @constructor\n */\nexport const ResponseExplorer: FC<ResponseExplorerProps> = ({\n  response,\n  verb,\n  path,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const error: LookerSDKError =\n    response &&\n    response.statusCode >= 400 &&\n    response.contentType === 'application/json'\n      ? JSON.parse(response.body)\n      : undefined\n\n  const timed = (response: IRawResponse) => {\n    if (!(response.responseCompleted || response.requestStarted)) return ''\n    const diff = (response.responseCompleted - response.requestStarted) / 1000\n    return `Seconds: ${diff.toFixed(3)}`\n  }\n\n  return (\n    <>\n      {!response && <DarkSpan>No response was received</DarkSpan>}\n      {response && (\n        <>\n          <RunItHeading as=\"h4\">\n            {error && (\n              <>\n                <APIErrorDialog\n                  error={error}\n                  isOpen={isOpen}\n                  setOpen={setIsOpen}\n                />\n                <IconButton\n                  size=\"small\"\n                  onClick={() => setIsOpen(true)}\n                  icon={<Warning />}\n                  aria-label=\"API error\"\n                  label=\"API Error\"\n                />\n              </>\n            )}\n            {`${verb || ''} ${path || ''} (${response.statusCode}: ${\n              response.statusMessage\n            }) ${timed(response)}`}\n          </RunItHeading>\n          <CollapserCard\n            divider={false}\n            heading={`Body (${getBodySize(response)})`}\n            id=\"body\"\n          >\n            <ShowResponse response={response} />\n          </CollapserCard>\n          {error && (\n            <CollapserCard divider={false} heading={'Error information'}>\n              <APIErrorDisplay error={error} showDoc={true} />\n            </CollapserCard>\n          )}\n          <ResponseHeaders response={response} />\n        </>\n      )}\n    </>\n  )\n}\n"],"file":"ResponseExplorer.js"}
+{"version":3,"file":"ResponseExplorer.js","names":["getHeaders","response","headers","result","Object","entries","forEach","key","val","push","getBodySize","size","body","Blob","toString","length","NoWrap","styled","Span","ResponseHeaders","rows","map","value","ResponseExplorer","verb","path","isOpen","setIsOpen","useState","error","statusCode","contentType","JSON","parse","undefined","timed","responseCompleted","requestStarted","diff","toFixed","statusMessage"],"sources":["../../../src/components/ResponseExplorer/ResponseExplorer.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 { FC } from 'react'\nimport React, { useState } from 'react'\nimport {\n  Table,\n  TableBody,\n  TableRow,\n  TableDataCell,\n  Span,\n  TableHead,\n  TableHeaderCell,\n  IconButton,\n} from '@looker/components'\nimport styled from 'styled-components'\nimport type { IRawResponse, LookerSDKError } from '@looker/sdk-rtl'\nimport { Warning } from '@styled-icons/material/Warning'\nimport { APIErrorDialog, APIErrorDisplay } from '@looker/extension-utils'\nimport { ShowResponse } from '../ShowResponse'\nimport { CollapserCard } from '../Collapser'\nimport { DarkSpan, RunItHeading } from '../common'\n\ntype HeaderTable = string[][]\nexport type ResponseContent = IRawResponse | undefined\n\nconst getHeaders = (response: ResponseContent): HeaderTable => {\n  if (!response?.headers) return []\n  const result: HeaderTable = []\n  Object.entries(response.headers).forEach(([key, val]) =>\n    result.push([key, val])\n  )\n  return result\n}\n\nconst getBodySize = (response: ResponseContent): string => {\n  const size =\n    !response || !response.body\n      ? 0\n      : response?.body instanceof Blob\n      ? response?.body.size\n      : response?.body.toString().length\n\n  return `${size} bytes`\n}\n\nconst NoWrap = styled(Span)`\n  display: inline-block;\n  direction: rtl;\n  white-space: nowrap;\n  overflow: hidden;\n`\n\ninterface ShowHeadersProps {\n  response: ResponseContent\n}\n\n/**\n * Display response headers in a table\n * @param response to display\n * @constructor\n */\nexport const ResponseHeaders: FC<ShowHeadersProps> = ({ response }) => {\n  const rows = getHeaders(response)\n  if (rows.length === 0) return <></>\n  return (\n    <CollapserCard\n      key=\"headers\"\n      heading={`Headers (${rows.length})`}\n      id=\"headers\"\n      defaultOpen={false}\n      divider={false}\n    >\n      <>\n        <Table>\n          <TableHead>\n            <TableRow>\n              <TableHeaderCell p=\"xsmall\">Name</TableHeaderCell>\n              <TableHeaderCell p=\"xsmall\">Value</TableHeaderCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {rows.map(([key, value]) => (\n              <TableRow key={key}>\n                <TableDataCell p=\"xsmall\">\n                  <NoWrap>\n                    <strong>{key}</strong>\n                  </NoWrap>\n                </TableDataCell>\n                <TableDataCell p=\"xsmall\">\n                  <Span>{value}</Span>\n                </TableDataCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </>\n    </CollapserCard>\n  )\n}\n\ninterface ResponseExplorerProps {\n  response: ResponseContent\n  verb: string\n  path: string\n}\n\n/**\n * Explore the raw response from an HTTP request\n * @param response IRawResponse values\n * @param verb HTTP method\n * @param path Path of request\n * @constructor\n */\nexport const ResponseExplorer: FC<ResponseExplorerProps> = ({\n  response,\n  verb,\n  path,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const error: LookerSDKError =\n    response &&\n    response.statusCode >= 400 &&\n    response.contentType === 'application/json'\n      ? JSON.parse(response.body)\n      : undefined\n\n  const timed = (response: IRawResponse) => {\n    if (!(response.responseCompleted || response.requestStarted)) return ''\n    const diff = (response.responseCompleted - response.requestStarted) / 1000\n    return `Seconds: ${diff.toFixed(3)}`\n  }\n\n  return (\n    <>\n      {!response && <DarkSpan>No response was received</DarkSpan>}\n      {response && (\n        <>\n          <RunItHeading as=\"h4\">\n            {error && (\n              <>\n                <APIErrorDialog\n                  error={error}\n                  isOpen={isOpen}\n                  setOpen={setIsOpen}\n                />\n                <IconButton\n                  size=\"small\"\n                  onClick={() => setIsOpen(true)}\n                  icon={<Warning />}\n                  aria-label=\"API error\"\n                  label=\"API Error\"\n                />\n              </>\n            )}\n            {`${verb || ''} ${path || ''} (${response.statusCode}: ${\n              response.statusMessage\n            }) ${timed(response)}`}\n          </RunItHeading>\n          <CollapserCard\n            divider={false}\n            heading={`Body (${getBodySize(response)})`}\n            id=\"body\"\n          >\n            <ShowResponse response={response} />\n          </CollapserCard>\n          {error && (\n            <CollapserCard divider={false} heading={'Error information'}>\n              <APIErrorDisplay error={error} showDoc={true} />\n            </CollapserCard>\n          )}\n          <ResponseHeaders response={response} />\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}