@teselagen/ui 0.7.17 → 0.7.18

package/TgHtmlSelect/index.d.ts

@@ -0,0 +1,5 @@
+export default TgHTMLSelect;
+declare function TgHTMLSelect({ disabled, ...rest }: {
+    [x: string]: any;
+    disabled: any;
+}): import("react/jsx-runtime").JSX.Element;

package/index.cjs.js

@@ -69637,6 +69637,14 @@ function AdvancedOptions({
   ), isOpen && /* @__PURE__ */ React$1.createElement("div", { style: { marginTop: 10 } }, content2 || children));
 }
 __name(AdvancedOptions, "AdvancedOptions");
+const TgHTMLSelect = /* @__PURE__ */ __name((_K) => {
+  var _L = _K, { disabled } = _L, rest = __objRest(_L, ["disabled"]);
+  if (disabled) {
+    const opt = rest.options.find((o2) => o2.value === rest.value);
+    return /* @__PURE__ */ React$1.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames("bp3-html-select", rest.className) }), opt.label);
+  }
+  return /* @__PURE__ */ React$1.createElement(core.HTMLSelect, __spreadValues({}, rest));
+}, "TgHTMLSelect");
 const defaultMessagge = "Are you sure you want to leave? There are unsaved changes.";
 const warnBeforeLeave = /* @__PURE__ */ __name((e) => {
   if (window.Cypress) {
@@ -69667,14 +69675,14 @@ function BlueprintError({ error }) {
   return /* @__PURE__ */ React$1.createElement("div", { className: classNames(core.Classes.FORM_GROUP, core.Classes.INTENT_DANGER) }, /* @__PURE__ */ React$1.createElement("div", { className: classNames(core.Classes.FORM_HELPER_TEXT, "preserve-newline") }, error));
 }
 __name(BlueprintError, "BlueprintError");
-function DropdownButton(_K) {
-  var _L = _K, {
+function DropdownButton(_M) {
+  var _N = _M, {
     disabled,
     menu,
     noRightIcon,
     popoverProps,
     className
-  } = _L, rest = __objRest(_L, [
+  } = _N, rest = __objRest(_N, [
     "disabled",
     "menu",
     "noRightIcon",
@@ -73355,14 +73363,14 @@ const EnhancedMenuItem = compose(
     }
   }),
   branch(({ navTo }) => navTo, withRouter)
-)(function(_M) {
-  var _N = _M, {
+)(function(_O) {
+  var _P = _O, {
     navTo,
     context,
     staticContext,
     didMount,
     willUnmount
-  } = _N, props = __objRest(_N, [
+  } = _P, props = __objRest(_P, [
     "navTo",
     "context",
     "staticContext",
@@ -73586,8 +73594,8 @@ function doesSearchValMatchText(searchVal, justText) {
   );
 }
 __name(doesSearchValMatchText, "doesSearchValMatchText");
-const MenuItemWithTooltip = /* @__PURE__ */ __name((_O) => {
-  var _P = _O, { tooltip } = _P, rest = __objRest(_P, ["tooltip"]);
+const MenuItemWithTooltip = /* @__PURE__ */ __name((_Q) => {
+  var _R = _Q, { tooltip } = _R, rest = __objRest(_R, ["tooltip"]);
   let out = /* @__PURE__ */ React$1.createElement(core.MenuItem, __spreadValues({}, rest));
   if (tooltip) {
     out = /* @__PURE__ */ React$1.createElement(core.Tooltip, { content: tooltip }, out);
@@ -76025,6 +76033,7 @@ exports.SuggestField = SuggestField;
 exports.SwitchField = SwitchField;
 exports.TableFormTrackerContext = TableFormTrackerContext;
 exports.TextareaField = TextareaField;
+exports.TgHTMLSelect = TgHTMLSelect;
 exports.TgSelect = TgSelect$1;
 exports.Timeline = Timeline;
 exports.TimelineEvent = TimelineEvent;

package/index.d.ts

@@ -22,6 +22,7 @@ export { default as Loading } from './Loading';
 export { throwFormError } from './throwFormError';
 export { default as AdvancedOptions } from './AdvancedOptions';
 export { default as TgSelect } from './TgSelect';
+export { default as TgHTMLSelect } from './TgHtmlSelect';
 export { default as wrapDialog } from './wrapDialog';
 export { default as PromptUnsavedChanges } from './PromptUnsavedChanges';
 export { default as BlueprintError } from './BlueprintError';

package/index.es.js

@@ -58,7 +58,7 @@ var __async = (__this, __arguments, generator) => {
 };
 import * as React$1 from "react";
 import React__default, { useState, useEffect, forwardRef, useImperativeHandle, Fragment, useMemo, useRef, useReducer, useCallback, createElement, Component, useLayoutEffect, createContext, memo, useContext, isValidElement, PureComponent } from "react";
-import { Icon, Classes, Button, Intent, MenuItem, Keys, Tag, Popover, Tooltip, Spinner, InputGroup, Checkbox, Switch, TextArea, EditableText, NumericInput, RadioGroup, Position, FormGroup, Menu, Toaster, MenuDivider, useHotkeys, ContextMenu, Callout, Dialog, Card, Tabs, Tab, Colors, Overlay, KeyCombo, ProgressBar } from "@blueprintjs/core";
+import { Icon, Classes, Button, Intent, MenuItem, Keys, Tag, Popover, Tooltip, Spinner, InputGroup, Checkbox, Switch, TextArea, EditableText, NumericInput, RadioGroup, Position, FormGroup, Menu, Toaster, MenuDivider, useHotkeys, ContextMenu, Callout, Dialog, Card, Tabs, Tab, Colors, HTMLSelect, Overlay, KeyCombo, ProgressBar } from "@blueprintjs/core";
 import { formValueSelector, initialize, change, Field, reduxForm, SubmissionError, destroy, touch, FormName, Fields } from "redux-form";
 import require$$2$1, { unstable_batchedUpdates, createPortal, flushSync } from "react-dom";
 import { connect, useDispatch, useSelector, useStore } from "react-redux";
@@ -69619,6 +69619,14 @@ function AdvancedOptions({
   ), isOpen && /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 10 } }, content2 || children));
 }
 __name(AdvancedOptions, "AdvancedOptions");
+const TgHTMLSelect = /* @__PURE__ */ __name((_K) => {
+  var _L = _K, { disabled } = _L, rest = __objRest(_L, ["disabled"]);
+  if (disabled) {
+    const opt = rest.options.find((o2) => o2.value === rest.value);
+    return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames("bp3-html-select", rest.className) }), opt.label);
+  }
+  return /* @__PURE__ */ React__default.createElement(HTMLSelect, __spreadValues({}, rest));
+}, "TgHTMLSelect");
 const defaultMessagge = "Are you sure you want to leave? There are unsaved changes.";
 const warnBeforeLeave = /* @__PURE__ */ __name((e) => {
   if (window.Cypress) {
@@ -69649,14 +69657,14 @@ function BlueprintError({ error }) {
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(Classes.FORM_GROUP, Classes.INTENT_DANGER) }, /* @__PURE__ */ React__default.createElement("div", { className: classNames(Classes.FORM_HELPER_TEXT, "preserve-newline") }, error));
 }
 __name(BlueprintError, "BlueprintError");
-function DropdownButton(_K) {
-  var _L = _K, {
+function DropdownButton(_M) {
+  var _N = _M, {
     disabled,
     menu,
     noRightIcon,
     popoverProps,
     className
-  } = _L, rest = __objRest(_L, [
+  } = _N, rest = __objRest(_N, [
     "disabled",
     "menu",
     "noRightIcon",
@@ -73337,14 +73345,14 @@ const EnhancedMenuItem = compose(
     }
   }),
   branch(({ navTo }) => navTo, withRouter)
-)(function(_M) {
-  var _N = _M, {
+)(function(_O) {
+  var _P = _O, {
     navTo,
     context,
     staticContext,
     didMount,
     willUnmount
-  } = _N, props = __objRest(_N, [
+  } = _P, props = __objRest(_P, [
     "navTo",
     "context",
     "staticContext",
@@ -73568,8 +73576,8 @@ function doesSearchValMatchText(searchVal, justText) {
   );
 }
 __name(doesSearchValMatchText, "doesSearchValMatchText");
-const MenuItemWithTooltip = /* @__PURE__ */ __name((_O) => {
-  var _P = _O, { tooltip } = _P, rest = __objRest(_P, ["tooltip"]);
+const MenuItemWithTooltip = /* @__PURE__ */ __name((_Q) => {
+  var _R = _Q, { tooltip } = _R, rest = __objRest(_R, ["tooltip"]);
   let out = /* @__PURE__ */ React__default.createElement(MenuItem, __spreadValues({}, rest));
   if (tooltip) {
     out = /* @__PURE__ */ React__default.createElement(Tooltip, { content: tooltip }, out);
@@ -76008,6 +76016,7 @@ export {
   SwitchField,
   TableFormTrackerContext,
   TextareaField,
+  TgHTMLSelect,
   TgSelect$1 as TgSelect,
   Timeline,
   TimelineEvent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.7.17",
+  "version": "0.7.18",
   "main": "./src/index.js",
   "exports": {
     ".": {

package/src/TgHtmlSelect/index.js

@@ -0,0 +1,20 @@
+import { HTMLSelect } from "@blueprintjs/core";
+import React from "react";
+import classNames from "classnames";
+
+// so far this component just makes the styling of the disabled html select
+// look like a regular html select with the selected option displayed
+// (instead of greyed out and without the ability to have tooltips working)
+const TgHTMLSelect = ({ disabled, ...rest }) => {
+  if (disabled) {
+    const opt = rest.options.find(o => o.value === rest.value);
+    return (
+      <div {...rest} className={classNames("bp3-html-select", rest.className)}>
+        {opt.label}
+      </div>
+    );
+  }
+  return <HTMLSelect {...rest}></HTMLSelect>;
+};
+
+export default TgHTMLSelect;

package/src/index.js

@@ -30,6 +30,7 @@ export { default as Loading } from "./Loading";
 export { throwFormError } from "./throwFormError";
 export { default as AdvancedOptions } from "./AdvancedOptions";
 export { default as TgSelect } from "./TgSelect";
+export { default as TgHTMLSelect } from "./TgHtmlSelect";
 export { default as wrapDialog } from "./wrapDialog";
 export { default as PromptUnsavedChanges } from "./PromptUnsavedChanges";
 export { default as BlueprintError } from "./BlueprintError";