npm - @k-int/stripes-kint-components - Versions diffs - 5.28.4 → 5.29.0 - Mend

@k-int/stripes-kint-components 5.28.4 → 5.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (274) hide show

package/src/artifacts/coverage-jest/validators/validators.js.html ADDED Viewed

@@ -0,0 +1,370 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for validators/validators.js</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../prettify.css" />
+    <link rel="stylesheet" href="../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../index.html">All files</a> / <a href="index.html">validators</a> validators.js</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">46.66% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>14/30</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">26.66% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>8/30</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">36.36% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>4/11</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">46.66% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>14/30</span>
+            </div>
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line low'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
+<a name='L2'></a><a href='#L2'>2</a>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a>
+<a name='L11'></a><a href='#L11'>11</a>
+<a name='L12'></a><a href='#L12'>12</a>
+<a name='L13'></a><a href='#L13'>13</a>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</a>
+<a name='L33'></a><a href='#L33'>33</a>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</a>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a>
+<a name='L40'></a><a href='#L40'>40</a>
+<a name='L41'></a><a href='#L41'>41</a>
+<a name='L42'></a><a href='#L42'>42</a>
+<a name='L43'></a><a href='#L43'>43</a>
+<a name='L44'></a><a href='#L44'>44</a>
+<a name='L45'></a><a href='#L45'>45</a>
+<a name='L46'></a><a href='#L46'>46</a>
+<a name='L47'></a><a href='#L47'>47</a>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a>
+<a name='L73'></a><a href='#L73'>73</a>
+<a name='L74'></a><a href='#L74'>74</a>
+<a name='L75'></a><a href='#L75'>75</a>
+<a name='L76'></a><a href='#L76'>76</a>
+<a name='L77'></a><a href='#L77'>77</a>
+<a name='L78'></a><a href='#L78'>78</a>
+<a name='L79'></a><a href='#L79'>79</a>
+<a name='L80'></a><a href='#L80'>80</a>
+<a name='L81'></a><a href='#L81'>81</a>
+<a name='L82'></a><a href='#L82'>82</a>
+<a name='L83'></a><a href='#L83'>83</a>
+<a name='L84'></a><a href='#L84'>84</a>
+<a name='L85'></a><a href='#L85'>85</a>
+<a name='L86'></a><a href='#L86'>86</a>
+<a name='L87'></a><a href='#L87'>87</a>
+<a name='L88'></a><a href='#L88'>88</a>
+<a name='L89'></a><a href='#L89'>89</a>
+<a name='L90'></a><a href='#L90'>90</a>
+<a name='L91'></a><a href='#L91'>91</a>
+<a name='L92'></a><a href='#L92'>92</a>
+<a name='L93'></a><a href='#L93'>93</a>
+<a name='L94'></a><a href='#L94'>94</a>
+<a name='L95'></a><a href='#L95'>95</a>
+<a name='L96'></a><a href='#L96'>96</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">178x</span>
+<span class="cline-any cline-yes">178x</span>
+<span class="cline-any cline-yes">154x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">80x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">80x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { FormattedMessage } from 'react-intl';
+import FormattedKintMessage from '../FormattedKintMessage';
+&nbsp;
+const required = value =&gt; {
+  const blankString = /^\s+$/;
+  if ((value &amp;&amp; !blankString.test(value)) || value === false || value === 0) {
+    return undefined;
+  }
+  return &lt;FormattedMessage id="stripes-core.label.missingRequiredField" /&gt;;
+};
+&nbsp;
+const requiredObject = <span class="fstat-no" title="function not covered" >(f</span>ormValue = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; {
+  // withKiwtFieldArray sets the _delete property on new objects by default
+  // eslint-disable-next-line no-unused-vars
+  const { _delete, ...value } = <span class="cstat-no" title="statement not covered" >formValue;</span>
+<span class="cstat-no" title="statement not covered" >  if (Object.keys(value).length === 0) {</span>
+<span class="cstat-no" title="statement not covered" >    return &lt;FormattedMessage id="stripes-core.label.missingRequiredField" /&gt;;</span>
+  }
+<span class="cstat-no" title="statement not covered" >  return undefined;</span>
+};
+&nbsp;
+const composeValidators = (...validators) =&gt; (
+  (value, allValues, meta) =&gt; (
+    validators.reduce((error, validator) =&gt; (
+      error || validator(value, allValues, meta)
+    ), undefined)
+  )
+);
+&nbsp;
+// Similar to the above, but allow explicit setting of arguments to the validators
+const composeValidatorsWithArgs = <span class="fstat-no" title="function not covered" >(.</span>..validators) =&gt; (
+<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >  (.</span>..args) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >    validators.reduce(<span class="fstat-no" title="function not covered" >(e</span>rror, validator) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >      error || validator(...args)</span>
+    ), undefined)
+  )
+);
+&nbsp;
+// Make same shape as rangeOverflow/rangeUnderflow so we can combine them
+const invalidNumber = <span class="fstat-no" title="function not covered" >(v</span>alue, _min, _max, intlKey, intlNS, labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >  if (!value &amp;&amp; value !== 0) {</span>
+<span class="cstat-no" title="statement not covered" >    return (</span>
+      &lt;FormattedKintMessage
+        id="errors.invalidNumber"
+        intlKey={intlKey}
+        intlNS={intlNS}
+        overrideValue={labelOverrides?.invalidNumberError}
+      /&gt;
+    );
+  }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >  return undefined;</span>
+};
+&nbsp;
+const rangeOverflow = <span class="fstat-no" title="function not covered" >(v</span>alue, min, max, intlKey, intlNS, labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >  if ((value || value === 0) &amp;&amp; value &gt; max) {</span>
+<span class="cstat-no" title="statement not covered" >    return (</span>
+      &lt;FormattedKintMessage
+        id="errors.decimalValueNotInRange"
+        intlKey={intlKey}
+        intlNS={intlNS}
+        overrideValue={labelOverrides?.decimalValueNotInRangeError}
+        values={{ min, max }}
+      /&gt;
+    );
+  }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >  return undefined;</span>
+};
+&nbsp;
+const rangeUnderflow = <span class="fstat-no" title="function not covered" >(v</span>alue, min, max, intlKey, intlNS, labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >  if ((value || value === 0) &amp;&amp; value &lt; min) {</span>
+<span class="cstat-no" title="statement not covered" >    return (</span>
+      &lt;FormattedKintMessage
+        id="errors.decimalValueNotInRange"
+        intlKey={intlKey}
+        intlNS={intlNS}
+        overrideValue={labelOverrides?.decimalValueNotInRangeError}
+        values={{ min, max }}
+      /&gt;
+    );
+  }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >  return undefined;</span>
+};
+&nbsp;
+export {
+  composeValidators,
+  composeValidatorsWithArgs,
+  invalidNumber,
+  rangeOverflow,
+  rangeUnderflow,
+  required,
+  requiredObject,
+};
+&nbsp;</pre></td></tr></table></pre>
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2025-11-27T12:47:30.341Z
+            </div>
+        <script src="../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../sorter.js"></script>
+        <script src="../block-navigation.js"></script>
+    </body>
+</html>

package/src/lib/SASQLookupComponent/README.md CHANGED Viewed

@@ -63,6 +63,7 @@ In this example, **SASQLookupComponent**:
 | `FilterComponent`               | `func` or `node`  | A custom component used to render additional filtering options in the filter pane. This component receives props for managing active filters, search state, and resetting filters.                                                                                                                                                                        | `() => null`                              | ✕        |
 | `FilterPaneHeaderComponent`     | `func` or `node`  | A component rendered at the top of the filter pane. Use this to customize the header area of the filter pane.                                                                                                                                                                                                                                             | `() => null`                              | ✕        |
 | `filterPaneProps`               | `object`          | Additional props to be passed to the filter pane. These props can customize the appearance and behavior of the filter pane (such as first or last menu elements).                                                                                                                                                                                         | `{}`                                      | ✕        |
+| `hasFilterPane`                 | boolean           | An "on/off" switch for the filter pane. When `false` the filter pane will not be rendered at all and it will be up to the RenderBody to handle all searching/filtering.                                                                                                                                                                                   | true                                      | ✕        |
 | `intlKey`                       | `string`          | A base internationalization key used by the internal `useKintIntl` hook to resolve localized messages (e.g., for labels or pane titles).                                                                                                                                                                                                                  |                                           | ✕        |
 | `intlNS`                        | `string`          | An internationalization namespace used by the internal `useKintIntl` hook.                                                                                                                                                                                                                                                                                |                                           | ✕        |
 | `labelOverrides`                | `object`          | An object for overriding default labels, such as the text for displaying the count of found values.                                                                                                                                                                                                                                                       | `{}`                                      | ✕        |
@@ -88,7 +89,7 @@ In this example, **SASQLookupComponent**:
 | `path`                          | `string`          | (Provided by React Router) The path for the current route.                                                                                                                                                                                                                                                                                                |                                           | ✓        |
 | `resource`                      | `object`          | (Provided by Stripes) The resource object, typically containing data and metadata for the current resource.                                                                                                                                                                                                                                               |                                           | ✕        |
 | `resultColumns`                 | `arrayOf(object)` | An array of objects defining the columns for the MCL component, typically used by `RenderBody` (e.g., `TableBody`).                                                                                                                                                                                                                                       |                                           | ✕        |
-| `...props`            | `object`                     | Additional props will be passed down to the `RenderBody`. Use these to further customize behavior or appearance as needed.                                                                                                                                                                                                                                                                                                                                                                                                   |                          | ✕        |
+| `...props`                      | `object`          | Additional props will be passed down to the `RenderBody`. Use these to further customize behavior or appearance as needed.                                                                                                                                                                                                                                |                                           | ✕        |
 ## Exposed Ref Functionality

package/src/lib/SASQLookupComponent/SASQLookupComponent.js CHANGED Viewed

@@ -45,6 +45,7 @@ const SASQLookupComponent = forwardRef((props, ref) => {
     FilterComponent = () => null,
     FilterPaneHeaderComponent = () => null,
     filterPaneProps = {},
+    hasFilterPane = true, // Ability to entirely turn off filter pane
     id,
     intlKey: passedIntlKey,
     intlNS: passedIntlNS,
@@ -247,7 +248,7 @@ const SASQLookupComponent = forwardRef((props, ref) => {
             return mainPaneFirstMenu(internalStateProps);
           }
-          if (!filterPaneVisible) {
+          if (!filterPaneVisible && hasFilterPane) {
             return (
               <PaneMenu>
                 <ExpandFilterPaneButton
@@ -266,7 +267,7 @@ const SASQLookupComponent = forwardRef((props, ref) => {
             id={`${id}-paneset`}
             {...persistedPanesetProps}
           >
-            {filterPaneVisible && (
+            {hasFilterPane && filterPaneVisible && (
               <Pane
                 defaultWidth="20%"
                 firstMenu={
@@ -409,6 +410,7 @@ SASQLookupComponent.propTypes = {
     PropTypes.node,
   ]),
   queryParameterGenerator: PropTypes.func,
+  hasFilterPane: PropTypes.bool,
   id: PropTypes.string.isRequired,
   intlKey: PropTypes.string,
   intlNS: PropTypes.string,

package/src/lib/utils/parseErrorResponse.js CHANGED Viewed

@@ -6,7 +6,7 @@ const parseErrorResponse = async (responseObj) => {
   const code = responseObj?.status;
   // Assume text if we can't find content type
-  const contentType = [...(responseObj?.headers ?? [])]?.find(header => header[0] === 'content-type')?.[1] ?? 'application/text';
+  const contentType = [...(responseObj?.headers ?? [])]?.find(header => header[0]?.toLowerCase() === 'content-type')?.[1] ?? 'application/text';
   if (contentType.includes('json')) {
     errorResp = await responseObj.json();