@spscommerce/ds-react 8.23.9 → 8.23.11

package/lib/index.js

@@ -18565,7 +18565,8 @@ function Pu({
           !a && "d-none"
         ),
         tabIndex: 0,
-        onClick: V
+        onClick: V,
+        type: "button"
       },
       /* @__PURE__ */ s.createElement(
         "i",
@@ -18611,7 +18612,8 @@ function Pu({
           !o && "d-none"
         ),
         tabIndex: 0,
-        onClick: P
+        onClick: P,
+        type: "button"
       },
       /* @__PURE__ */ s.createElement(
         "i",

package/lib/index.umd.cjs

@@ -3004,7 +3004,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
                             </React.Fragment>
                         );
                     }
-                `}}}},tw={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn"};function vi({children:e,className:t,description:n,for:r,stronglySuggested:s,help:a,helpIcon:l=G.SpsIcon.QUESTION_CIRCLE,helpIconColor:c="blue200",errors:p,unsafelyReplaceClassName:m,"data-testid":f,...u}){const{t:h}=o.useContext(He),S=o.useRef(null),y=o.useRef(null),T=o.useRef(null),w=o.useRef(null),[E,N]=o.useState(_e.HIDDEN),[M,I]=o.useState(_e.HIDDEN),[k,V]=o.useState(_e.HIDDEN),[B,C]=o.useState(_e.HIDDEN);function P(){V(_e.HIDDEN),N(_e.HIDDEN)}function O(){I(_e.HIDDEN),C(_e.HIDDEN)}function K(U){U.preventDefault(),O(),V(es(k))}function j(){return r&&(r instanceof Pn&&r.isVisibilyInvalid()||!(r instanceof Pn)&&!r.isValid())?[M,I]:r&&r instanceof Pn&&r.hasPreventativeErrors()?[B,C]:[_e.HIDDEN,()=>{}]}function _(){O();const[U,R]=j();R(es(U))}function ee(){O();const[,U]=j();U(_e.VISIBLE)}function A(U){U.preventDefault(),O(),N(es(E))}o.useEffect(()=>{r&&(r.onFocus=ee,r.onBlur=O)},[r]);const te=Y(m||"sps-form-group__label",t),[$,Z]=r instanceof Pn?[r,void 0]:[void 0,r];function se(){var U;if($){for(const R of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if($.hasError(R))return h(`design-system:label.errors.${R}`,{context:$.errors?$.errors[R]:""});if($.hasError("dateConstraint")){const R=(U=$.errors)==null?void 0:U.dateConstraint,q=R.minExceeded?"min":"max";return h(`design-system:label.errors.dateConstraint.${q}`,{context:R})}}return null}function W(){if($){for(const U of zt)if($.hasPreventativeError(U))return h(`design-system:label.preventativeErrors.${U}`)}return null}const[z,re]=xt(e,[{type:Ft}]);o.useEffect(()=>{$!=null&&$.hasPreventativeErrors()&&C(_e.VISIBLE)},[$==null?void 0:$.hasPreventativeErrors()]);const ne=o.useRef(null);return o.useEffect(()=>{function U(R){var q;(q=ne.current)!=null&&q.contains(R.target)||P()}return document.addEventListener("click",U),()=>{document.removeEventListener("click",U)}},[]),o.createElement(at,{ref:ne,formMeta:$,formControl:Z},o.createElement("label",{htmlFor:r&&"id"in r?r.id:void 0,className:te,"data-testid":f,...u},o.createElement("button",{className:Y("sps-icon-button-wrapper","suggested-icon",!s&&"d-none"),tabIndex:0,onClick:K},o.createElement("i",{ref:y,"data-testid":`${f}__suggested-icon`,className:Y("sps-icon","sps-icon-exclamation-triangle","orange200","sps-form-group__label-suggested-icon",!s&&"d-none")})),o.createElement("i",{ref:S,"data-testid":`${f}__error-icon`,className:Y("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:_}),o.createElement("span",{ref:w,className:"sps-form-group__label-content"},re),o.createElement("button",{className:Y("sps-icon-button-wrapper",!a&&"d-none"),tabIndex:0,onClick:A},o.createElement("i",{ref:T,"data-testid":`${f}__help-icon`,className:Y("sps-icon",`sps-icon-${l}`,c,!a&&"d-none"),onClick:A})),z),o.createElement(Ot,{kind:G.TooltipKind.DEFAULT,for:T,showOn:G.TooltipShowTrigger.MANUAL,isShown:E,altPosition:G.Position.TOP_MIDDLE},yt(a)),o.createElement(Ot,{kind:G.TooltipKind.ERROR,for:S,showOn:G.TooltipShowTrigger.MANUAL,isShown:M,altPosition:G.Position.LEFT_MIDDLE},yt(p)||se()),($==null?void 0:$.hasPreventativeErrors())&&o.createElement(Ot,{kind:G.TooltipKind.WARNING,for:w,showOn:G.TooltipShowTrigger.MANUAL,isShown:B,altPosition:G.Position.LEFT_MIDDLE},yt(p)||W()),o.createElement(Ot,{kind:G.TooltipKind.DEFAULT,for:y,position:G.Position.TOP_LEFT,altPosition:G.Position.TOP_LEFT,showOn:G.TooltipShowTrigger.MANUAL,isShown:k},h("design-system:label.stronglySuggested")),n&&o.createElement("div",{className:"sps-form-control__description","data-testid":`${f}__description`},n))}Object.assign(vi,{props:tw,displayName:"SpsLabel"});const bu={general:{label:"General Usage",description:()=>o.createElement("p",null,"In almost all cases, input fields should be paired with a label describing the value to be entered into the field. Certain labels can be accompanied by icons to provide additional information or context about that particular field.")},basic:{label:"Basic Label",examples:{basic:{react:v.code`
+                `}}}},tw={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn"};function vi({children:e,className:t,description:n,for:r,stronglySuggested:s,help:a,helpIcon:l=G.SpsIcon.QUESTION_CIRCLE,helpIconColor:c="blue200",errors:p,unsafelyReplaceClassName:m,"data-testid":f,...u}){const{t:h}=o.useContext(He),S=o.useRef(null),y=o.useRef(null),T=o.useRef(null),w=o.useRef(null),[E,N]=o.useState(_e.HIDDEN),[M,I]=o.useState(_e.HIDDEN),[k,V]=o.useState(_e.HIDDEN),[B,C]=o.useState(_e.HIDDEN);function P(){V(_e.HIDDEN),N(_e.HIDDEN)}function O(){I(_e.HIDDEN),C(_e.HIDDEN)}function K(U){U.preventDefault(),O(),V(es(k))}function j(){return r&&(r instanceof Pn&&r.isVisibilyInvalid()||!(r instanceof Pn)&&!r.isValid())?[M,I]:r&&r instanceof Pn&&r.hasPreventativeErrors()?[B,C]:[_e.HIDDEN,()=>{}]}function _(){O();const[U,R]=j();R(es(U))}function ee(){O();const[,U]=j();U(_e.VISIBLE)}function A(U){U.preventDefault(),O(),N(es(E))}o.useEffect(()=>{r&&(r.onFocus=ee,r.onBlur=O)},[r]);const te=Y(m||"sps-form-group__label",t),[$,Z]=r instanceof Pn?[r,void 0]:[void 0,r];function se(){var U;if($){for(const R of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if($.hasError(R))return h(`design-system:label.errors.${R}`,{context:$.errors?$.errors[R]:""});if($.hasError("dateConstraint")){const R=(U=$.errors)==null?void 0:U.dateConstraint,q=R.minExceeded?"min":"max";return h(`design-system:label.errors.dateConstraint.${q}`,{context:R})}}return null}function W(){if($){for(const U of zt)if($.hasPreventativeError(U))return h(`design-system:label.preventativeErrors.${U}`)}return null}const[z,re]=xt(e,[{type:Ft}]);o.useEffect(()=>{$!=null&&$.hasPreventativeErrors()&&C(_e.VISIBLE)},[$==null?void 0:$.hasPreventativeErrors()]);const ne=o.useRef(null);return o.useEffect(()=>{function U(R){var q;(q=ne.current)!=null&&q.contains(R.target)||P()}return document.addEventListener("click",U),()=>{document.removeEventListener("click",U)}},[]),o.createElement(at,{ref:ne,formMeta:$,formControl:Z},o.createElement("label",{htmlFor:r&&"id"in r?r.id:void 0,className:te,"data-testid":f,...u},o.createElement("button",{className:Y("sps-icon-button-wrapper","suggested-icon",!s&&"d-none"),tabIndex:0,onClick:K,type:"button"},o.createElement("i",{ref:y,"data-testid":`${f}__suggested-icon`,className:Y("sps-icon","sps-icon-exclamation-triangle","orange200","sps-form-group__label-suggested-icon",!s&&"d-none")})),o.createElement("i",{ref:S,"data-testid":`${f}__error-icon`,className:Y("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:_}),o.createElement("span",{ref:w,className:"sps-form-group__label-content"},re),o.createElement("button",{className:Y("sps-icon-button-wrapper",!a&&"d-none"),tabIndex:0,onClick:A,type:"button"},o.createElement("i",{ref:T,"data-testid":`${f}__help-icon`,className:Y("sps-icon",`sps-icon-${l}`,c,!a&&"d-none"),onClick:A})),z),o.createElement(Ot,{kind:G.TooltipKind.DEFAULT,for:T,showOn:G.TooltipShowTrigger.MANUAL,isShown:E,altPosition:G.Position.TOP_MIDDLE},yt(a)),o.createElement(Ot,{kind:G.TooltipKind.ERROR,for:S,showOn:G.TooltipShowTrigger.MANUAL,isShown:M,altPosition:G.Position.LEFT_MIDDLE},yt(p)||se()),($==null?void 0:$.hasPreventativeErrors())&&o.createElement(Ot,{kind:G.TooltipKind.WARNING,for:w,showOn:G.TooltipShowTrigger.MANUAL,isShown:B,altPosition:G.Position.LEFT_MIDDLE},yt(p)||W()),o.createElement(Ot,{kind:G.TooltipKind.DEFAULT,for:y,position:G.Position.TOP_LEFT,altPosition:G.Position.TOP_LEFT,showOn:G.TooltipShowTrigger.MANUAL,isShown:k},h("design-system:label.stronglySuggested")),n&&o.createElement("div",{className:"sps-form-control__description","data-testid":`${f}__description`},n))}Object.assign(vi,{props:tw,displayName:"SpsLabel"});const bu={general:{label:"General Usage",description:()=>o.createElement("p",null,"In almost all cases, input fields should be paired with a label describing the value to be entered into the field. Certain labels can be accompanied by icons to provide additional information or context about that particular field.")},basic:{label:"Basic Label",examples:{basic:{react:v.code`
                     import { 
                       SpsLabel, 
                       SpsTextInput,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "8.23.9",
+  "version": "8.23.11",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-react",
@@ -46,11 +46,11 @@
     "moment-timezone": "^0.5.28",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/illustrations": "8.23.9",
-    "@sps-woodland/tabs": "8.23.9",
-    "@spscommerce/ds-colors": "8.23.9",
-    "@spscommerce/ds-shared": "8.23.9",
-    "@spscommerce/positioning": "8.23.9"
+    "@sps-woodland/illustrations": "8.23.11",
+    "@sps-woodland/tabs": "8.23.11",
+    "@spscommerce/ds-colors": "8.23.11",
+    "@spscommerce/ds-shared": "8.23.11",
+    "@spscommerce/positioning": "8.23.11"
   },
   "devDependencies": {
     "@react-spectrum/provider": "^3.4.1",
@@ -72,12 +72,12 @@
     "raf-stub": "^2.0.2",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/illustrations": "8.23.9",
-    "@sps-woodland/tabs": "8.23.9",
-    "@spscommerce/ds-colors": "8.23.9",
-    "@spscommerce/ds-shared": "8.23.9",
-    "@spscommerce/positioning": "8.23.9",
-    "test": "8.23.9"
+    "@sps-woodland/illustrations": "8.23.11",
+    "@sps-woodland/tabs": "8.23.11",
+    "@spscommerce/ds-colors": "8.23.11",
+    "@spscommerce/ds-shared": "8.23.11",
+    "@spscommerce/positioning": "8.23.11",
+    "test": "8.23.11"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",