From 6926b3709e623e5fb502a75155e717436ea0d32c Mon Sep 17 00:00:00 2001
From: Jeremy Stretch <jstretch@netboxlabs.com>
Date: Wed, 7 Feb 2024 13:46:30 -0500
Subject: [PATCH] Add support for setting a 'null' option

---
 netbox/project-static/dist/netbox.js          | Bin 373953 -> 374210 bytes
 netbox/project-static/dist/netbox.js.map      | Bin 339295 -> 339502 bytes
 .../src/select/classes/dynamicTomSelect.ts    |  23 +++++++++++++++---
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/netbox/project-static/dist/netbox.js b/netbox/project-static/dist/netbox.js
index 17c8eec41491b3cbe122c6b339aafb1cce715670..af10400350af7f2e8e00ebd18be7d695915e902b 100644
GIT binary patch
delta 916
zcmZWo&ubGw6lUUVdy$G->JL&)R#<oGc3Ur28`oNevInarLJ>l$o874$+0Lf3lh~4m
zf|yiAu~5mPN6$S}a#-=E7ypGGDy1M;34*`y;K|v9CaE4~-|YL|_q}i5%)a~5^S;)z
zZb6W&+VIr|Fshv&yCXbAw;&Iz@$Eri_&@~R@G8-b>fP=B&bUGJi#M>wkjG?$D8sj~
zW>I7^G=?39sBWyj+3DjNpLQ-qhQi{)EY|KIHp&>qnH)nQOOmb-`6gBiDTAbk|0}4b
zY7?E@z}k<m{Q2^y$Mw2?J(jtf7g2B@7(uibY>o_YC9ZFfxUT12Y{v#ANj4~NppIf?
z#3FKrsG-O4#?C*T2J2j7BMscBL9}enn~_bT6pM;#W6eWs(sXj%;IcIZ_=@ngFR-Q{
zkrGKFvl;BEBFQ<<^(@0K5!G<7w4k{hq6-ryHD^7Jp?k4$Gs|KB`vZ6qB>jV>dN@;p
z;~fbHu^92cJ%q8PP^I5(NGb_DEfcI1LY!h9VJ#ne8pFu37Z=6)i>P{a#4$6-*+m$d
zXJR7ssI@HWg`)aTDn)TxuYZNufDX0FQy#|%F8WK{s{eKwcKK^1s6vWW&)+P;Q-D^=
z@GPMIP#K=+pg87E$9(e{?D6Ny@CeU8D#MilZn~u@NpXfHiRVn)ZVXP|Q=kM#m!WXr
zd~?DxCb1nvJ+W=HS?bO&v?m(#s@DXQ75Mx&A8_r7aN%%MhTk>D4=Fr=*DFGIaP6t^
zInvjJnVE4=yCNcC#=hL5-Chxnoof>En6jMdwD8><VPns72|*TXX9v9L{tmH8&zRnx
Wb{^yZOx@j9MK}(U!Jmroq4zJpvq5D5

delta 646
zcmZWnJ!lj`6lTs@&mw4H2pBHLJ7Kd+)-_o8leoqx$QB8N5mXEp+1nkwk@fAdI~SCY
zM$DZEiXp<FrL{uvinZ0o+Af8n0gFgXqhgcBw;rx17H_`CH}Cu2$1rcU23~&|So0}y
zI{|&RPFSb-p}&Ao`bZI0%Nt{aDN-T*bQ&Dixv_DiSZ3gyxhQPO6KOCo$FB+7kGUuL
z1rbUfJ8bpU<|ul6-aK14kqs~26!vv4r=*NUttok?()IITToKmd9E0lke*>Mlt=S?5
zc>Zl0&!^uL^xOO6zJY0;l*k>z($WxlKY0|L(4RrsaTX#G92(Pg!;Nu)H6_eRAB-AU
zS;m=er$(w|4L#PYBq}km8_lF{cwjCqnN}d|gv(1_*u;Qsf1Y3!uy&>XJO!P&YWprd
zh|sr8hY_qUOfS<JVyW2{9i||xSS2lbyxYBK(ZdAPJ0uYHv{4Oeq)m?@Ty4`w>EJy|
z_nmUVkadw*mAVH($m679PUKu8j&9xVC8CBD5&WJ>FDv@^Cr0`DKs&uZm*5l22r^AN
z@le|-jOI7etA)JRj6=o*=W>PeR<r{rbHRd$Wz!4)-v5ajh{TToxG#Iv>B|+ZZ+9h^
a*SzGPb&14ZlI>TYlr~7*bVq4#hkgO`|J=F&

diff --git a/netbox/project-static/dist/netbox.js.map b/netbox/project-static/dist/netbox.js.map
index 65d52a84892cf632221769457fe4e729ac5ab33e..a36700c23a1a21ada36a4953d1c4752c8b04748e 100644
GIT binary patch
delta 254
zcmcbAOJv<0k%kt=7N!>FEiCy){7D`<g-(u++0Ht?j_z5`(+iDQGV0wO9es5?9UT*O
zyd53AfiggDB8Z#s<mhbdtOJzy1QC%s&W_G05H46bP%K#|5<~<#I#+=eCW54)g8q)q
z=FSi^!$HQmJ38k$!TI4JE0cBn9mSn3F+|-RJu|jnH)7FX)OG=x=nb*P+0oG%sLi>=
e2_hKk=oku<_AGJQX2RmZ!BiBy-OGkW^dkU^8%Ib0

delta 48
zcmZ2?N96u3k%kt=7N!>FEiCy)Okr-*>x@`3w$~Z6s4+77Y(H<p;=#dG60}{?mPPa<
E0IZ=8^#A|>

diff --git a/netbox/project-static/src/select/classes/dynamicTomSelect.ts b/netbox/project-static/src/select/classes/dynamicTomSelect.ts
index 8715e8bc8..fccdf7674 100644
--- a/netbox/project-static/src/select/classes/dynamicTomSelect.ts
+++ b/netbox/project-static/src/select/classes/dynamicTomSelect.ts
@@ -1,4 +1,4 @@
-import { RecursivePartial, TomInput, TomSettings } from 'tom-select/dist/types/types';
+import { RecursivePartial, TomInput, TomOption, TomSettings } from 'tom-select/dist/types/types';
 import { addClasses } from 'tom-select/src/vanilla'
 import queryString from 'query-string';
 import TomSelect from 'tom-select';
@@ -13,9 +13,9 @@ import { getElement, replaceAll } from '../../util';
 // Extends TomSelect to provide enhanced fetching of options via the REST API
 export class DynamicTomSelect extends TomSelect {
 
-  /*
-   * Transitional code from APISelect
-   */
+  public readonly nullOption: Nullable<TomOption> = null;
+
+  // Transitional code from APISelect
   private readonly queryParams: QueryFilter = new Map();
   private readonly staticParams: QueryFilter = new Map();
   private readonly dynamicParams: DynamicParamsMap = new DynamicParamsMap();
@@ -31,6 +31,16 @@ export class DynamicTomSelect extends TomSelect {
     // Glean the REST API endpoint URL from the <select> element
     this.api_url = this.input.getAttribute('data-url') as string;
 
+    // Set the null option (if any)
+    const nullOption = this.input.getAttribute('data-null-option');
+    if (nullOption) {
+      let valueField = user_settings.valueField || 'value';
+      let labelField = user_settings.labelField || 'text';
+      this.nullOption = {}
+      this.nullOption[valueField] = 'null';
+      this.nullOption[labelField] = nullOption;
+    }
+
     // Populate static query parameters.
     this.getStaticParams();
     for (const [key, value] of this.staticParams.entries()) {
@@ -64,6 +74,11 @@ export class DynamicTomSelect extends TomSelect {
     addClasses(self.wrapper, self.settings.loadingClass);
     self.loading++;
 
+    // Populate the null option (if any) if not searching
+    if (self.nullOption && !value) {
+      self.addOption(self.nullOption);
+    }
+
     // Make the API request
     fetch(url)
       .then(response => response.json())