@teselagen/ui 0.7.16 → 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

@@ -31878,7 +31878,7 @@ const AbstractInput = /* @__PURE__ */ __name(({
   disabled,
   fileLimit,
   inlineLabel,
-  input: { name: name2, value },
+  input: { name: name2 },
   intent,
   isLabelTooltip,
   isLoadingDefaultValue,
@@ -31886,7 +31886,7 @@ const AbstractInput = /* @__PURE__ */ __name(({
   label,
   labelStyle,
   leftEl,
-  meta: { form, touched, error, warning: warning2 },
+  meta: { form, touched, error, warning: warning2, initial },
   noFillField,
   noMarginBottom,
   noOuterLabel,
@@ -31903,10 +31903,9 @@ const AbstractInput = /* @__PURE__ */ __name(({
   tooltipProps
 }) => {
   const dispatch = reactRedux.useDispatch();
-  const initalValuePassed = React$1.useRef(value);
   const onDefaultValChanged = useStableReference(_onDefaultValChanged);
   const onFieldSubmit = useStableReference(_onFieldSubmit);
-  const doesNotHaveInitialValue = !isLoadingDefaultValue && !initalValuePassed.current;
+  const doesNotHaveInitialValue = !initial;
   React$1.useEffect(() => {
     if (defaultValue2 !== void 0 && doesNotHaveInitialValue) {
       dispatch(reduxForm.change(form, name2, defaultValue2));
@@ -69638,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) {
@@ -69668,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",
@@ -73356,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",
@@ -73587,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);
@@ -76026,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";
@@ -31860,7 +31860,7 @@ const AbstractInput = /* @__PURE__ */ __name(({
   disabled,
   fileLimit,
   inlineLabel,
-  input: { name: name2, value },
+  input: { name: name2 },
   intent,
   isLabelTooltip,
   isLoadingDefaultValue,
@@ -31868,7 +31868,7 @@ const AbstractInput = /* @__PURE__ */ __name(({
   label,
   labelStyle,
   leftEl,
-  meta: { form, touched, error, warning: warning2 },
+  meta: { form, touched, error, warning: warning2, initial },
   noFillField,
   noMarginBottom,
   noOuterLabel,
@@ -31885,10 +31885,9 @@ const AbstractInput = /* @__PURE__ */ __name(({
   tooltipProps
 }) => {
   const dispatch = useDispatch();
-  const initalValuePassed = useRef(value);
   const onDefaultValChanged = useStableReference(_onDefaultValChanged);
   const onFieldSubmit = useStableReference(_onFieldSubmit);
-  const doesNotHaveInitialValue = !isLoadingDefaultValue && !initalValuePassed.current;
+  const doesNotHaveInitialValue = !initial;
   useEffect(() => {
     if (defaultValue2 !== void 0 && doesNotHaveInitialValue) {
       dispatch(change(form, name2, defaultValue2));
@@ -69620,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) {
@@ -69650,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",
@@ -73338,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",
@@ -73569,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);
@@ -76009,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.16",
+  "version": "0.7.18",
   "main": "./src/index.js",
   "exports": {
     ".": {

package/src/FormComponents/index.js

@@ -7,7 +7,6 @@ import React, {
   useContext,
   useEffect,
   useMemo,
-  useRef,
   useState
 } from "react";
 import { Field, change } from "redux-form";
@@ -137,7 +136,7 @@ const AbstractInput = ({
   disabled,
   fileLimit,
   inlineLabel,
-  input: { name, value },
+  input: { name },
   intent,
   isLabelTooltip,
   isLoadingDefaultValue,
@@ -145,7 +144,7 @@ const AbstractInput = ({
   label,
   labelStyle,
   leftEl,
-  meta: { form, touched, error, warning },
+  meta: { form, touched, error, warning, initial },
   noFillField,
   noMarginBottom,
   noOuterLabel,
@@ -162,11 +161,9 @@ const AbstractInput = ({
   tooltipProps
 }) => {
   const dispatch = useDispatch();
-  const initalValuePassed = useRef(value);
   const onDefaultValChanged = useStableReference(_onDefaultValChanged);
   const onFieldSubmit = useStableReference(_onFieldSubmit);
-  const doesNotHaveInitialValue =
-    !isLoadingDefaultValue && !initalValuePassed.current;
+  const doesNotHaveInitialValue = !initial;
   // This only takes care that the default Value is changed when it is changed in the parent component
   useEffect(() => {
     //if the input already has an initial value being passed to it, we don't want to override it with the default value

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";