@saasquatch/mint-components 1.14.7-1 → 1.14.7-10

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 (46) hide show
  1. package/dist/cjs/{ShadowViewAddon-3c344355.js → ShadowViewAddon-d79686c7.js} +1 -1
  2. package/dist/cjs/sqm-big-stat_43.cjs.entry.js +9 -2
  3. package/dist/cjs/sqm-lead-checkbox-field-view-34d94919.js +83 -0
  4. package/dist/cjs/sqm-lead-checkbox-field.cjs.entry.js +8 -98
  5. package/dist/cjs/sqm-stencilbook.cjs.entry.js +56 -3
  6. package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js +1 -1
  7. package/dist/collection/components/sqm-lead-form/LeadCheckboxField.stories.js +4 -63
  8. package/dist/collection/components/sqm-lead-form/sqm-lead-checkbox-field-view.js +11 -10
  9. package/dist/collection/components/sqm-lead-form/sqm-lead-checkbox-field.js +5 -9
  10. package/dist/collection/components/sqm-lead-form/useCheckboxField.js +1 -14
  11. package/dist/collection/components/sqm-lead-form/useLeadForm.js +8 -1
  12. package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js +2 -0
  13. package/dist/esm/{ShadowViewAddon-64194d20.js → ShadowViewAddon-88ca6579.js} +1 -1
  14. package/dist/esm/sqm-big-stat_43.entry.js +9 -2
  15. package/dist/esm/sqm-lead-checkbox-field-view-a8c1c78e.js +81 -0
  16. package/dist/esm/sqm-lead-checkbox-field.entry.js +12 -102
  17. package/dist/esm/sqm-stencilbook.entry.js +56 -3
  18. package/dist/esm-es5/ShadowViewAddon-88ca6579.js +1 -0
  19. package/dist/esm-es5/sqm-big-stat_43.entry.js +1 -1
  20. package/dist/esm-es5/sqm-lead-checkbox-field-view-a8c1c78e.js +1 -0
  21. package/dist/esm-es5/sqm-lead-checkbox-field.entry.js +1 -1
  22. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  23. package/dist/mint-components/mint-components.esm.js +1 -1
  24. package/dist/mint-components/p-00df0cac.js +1 -0
  25. package/dist/mint-components/p-0a6dd9ce.system.entry.js +1 -0
  26. package/dist/mint-components/p-0b4cac9f.system.entry.js +1 -0
  27. package/dist/mint-components/p-2011095e.js +394 -0
  28. package/dist/mint-components/p-2ad84d3e.system.entry.js +1 -0
  29. package/dist/mint-components/p-37996351.system.js +1 -1
  30. package/dist/mint-components/p-48c69c2d.entry.js +1 -0
  31. package/dist/mint-components/p-8a8750b2.system.js +1 -0
  32. package/dist/mint-components/p-95b88eb6.system.js +1 -0
  33. package/dist/mint-components/{p-f60d1ae9.entry.js → p-9743b3d1.entry.js} +2 -2
  34. package/dist/mint-components/{p-851eaf57.entry.js → p-c45a40b0.entry.js} +2 -2
  35. package/dist/types/components/sqm-lead-form/LeadCheckboxField.stories.d.ts +0 -27
  36. package/dist/types/components/sqm-lead-form/sqm-lead-checkbox-field-view.d.ts +0 -5
  37. package/dist/types/components/sqm-lead-form/useCheckboxField.d.ts +1 -6
  38. package/docs/docs.docx +0 -0
  39. package/package.json +1 -1
  40. package/dist/esm-es5/ShadowViewAddon-64194d20.js +0 -1
  41. package/dist/mint-components/p-0d94d81a.system.js +0 -1
  42. package/dist/mint-components/p-10a8ecae.system.entry.js +0 -1
  43. package/dist/mint-components/p-30a11ec0.js +0 -394
  44. package/dist/mint-components/p-48ad59a8.system.entry.js +0 -1
  45. package/dist/mint-components/p-550346bd.entry.js +0 -1
  46. package/dist/mint-components/p-eaf1a8a6.system.entry.js +0 -1
package/dist/esm-es5/sqm-lead-checkbox-field-view-a8c1c78e.js ADDED
@@ -0,0 +1 @@
1
+ import{h}from"./index-91e7729f.js";import{i as intl}from"./global-be1f9992.js";import{j as jss,a as create}from"./JSS-67b5cff8.js";var style={ErrorStyle:{"&::part(control)":{borderColor:"var(--sl-color-danger-500)",outline:"var(--sl-color-danger-500)"},"&:host":{"--focus-ring":"0 0 0 var(--sl-focus-ring-width) red !important"}},ErrorMessageStyle:{margin:0,marginTop:"5px",color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)",fontFamily:"var(--sl-font-sans)",fontWeight:"var(--sl-font-weight-normal)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}};var vanillaStyle="\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\nsl-checkbox::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n line-height: 20px;\n}\nsl-checkbox::part(base){\n align-items: start;\n}\n";jss.setup(create());var sheet=jss.createStyleSheet(style);var styleString=sheet.toString();function LeadCheckboxFieldView(e){var a,l,t,r,o;var s=e.states,n=e.content;var i=(a=s===null||s===void 0?void 0:s.leadFormState)===null||a===void 0?void 0:a.validationErrors;var c=function(e){var a=e.checkboxLabel;return intl.formatMessage({id:"requiredFieldErrorMessage-"+a,defaultMessage:n.errorMessage},{checkboxLabel:a})};return h("div",{class:sheet.classes.FieldContainer,part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h("sl-checkbox",Object.assign({exportparts:"label: input-label, base: input-base",name:"/"+n.checkboxName,"onSl-change":function(e){e.target.value=e.target.checked}},!n.checkboxOptional?{required:false}:[],{disabled:((l=s.leadFormState)===null||l===void 0?void 0:l.loading)||((t=s.leadFormState)===null||t===void 0?void 0:t.disabled),validationError:function(e){var a=e.value;if(!a&&!n.checkboxOptional){return c({checkboxLabel:n.checkboxLabel})}}},((o=(r=s.leadFormState)===null||r===void 0?void 0:r.validationErrors)===null||o===void 0?void 0:o[n.checkboxName])?{class:sheet.classes.ErrorStyle}:[]),intl.formatMessage({id:n.checkboxName+"-message",defaultMessage:n.checkboxLabel},{labelLink:h("a",{href:n.checkboxLabelLink,target:"_blank"},n.checkboxLabelLinkText||n.checkboxLabelLink)})),(i===null||i===void 0?void 0:i[n.checkboxName])&&h("p",{class:sheet.classes.ErrorMessageStyle},c({checkboxLabel:n.checkboxLabel})))}export{LeadCheckboxFieldView as L};
package/dist/esm-es5/sqm-lead-checkbox-field.entry.js CHANGED
@@ -1 +1 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,s=arguments.length;t<s;t++){a=arguments[t];for(var o in a)if(Object.prototype.hasOwnProperty.call(a,o))e[o]=a[o]}return e};return __assign.apply(this,arguments)};import{h,r as registerInstance}from"./index-91e7729f.js";import{i as d,k as useState,f as useEffect,n as h$1}from"./stencil-hooks.module-4bc38af4.js";import{i as intl}from"./global-be1f9992.js";import{i as isDemo}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{a as getMissingProps,g as getProps}from"./utils-334c1e34.js";import{j as jss,a as create}from"./JSS-67b5cff8.js";import{L as LEAD_FORM_STATE_CONTEXT,R as RequiredPropsError}from"./useLeadFormState-9016d812.js";var style={ErrorStyle:{"&::part(control)":{background:"var(--sl-color-danger-10)",borderColor:"var(--sl-color-danger-500)",outline:"var(--sl-color-danger-500)"},"&:host":{"--focus-ring":"0 0 0 var(--sl-focus-ring-width) red !important"}},ErrorMessageStyle:{margin:0,marginTop:"5px",color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)",fontFamily:"var(--sl-font-sans)",fontWeight:"var(--sl-font-weight-normal)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}};var vanillaStyle="\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\nsl-checkbox::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n line-height: 20px;\n}\nsl-checkbox::part(base){\n align-items: start;\n}\n";jss.setup(create());var sheet=jss.createStyleSheet(style);var styleString=sheet.toString();function LeadCheckboxFieldView(e){var a,t,s,o,r,i;var n=e.states,l=e.content,c=e.callbacks;var d=function(e){var a=e.checkboxLabel;return intl.formatMessage({id:"requiredFieldErrorMessage-"+a,defaultMessage:l.requiredFieldErrorMessage},{checkboxLabel:a})};return h("div",{class:sheet.classes.FieldContainer,part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h("sl-checkbox",Object.assign({exportparts:"label: input-label, base: input-base",name:"/"+l.checkboxName,checked:n.checked,"onSl-change":function(e){e.target.value=e.target.checked;c.setChecked(e.target.value)}},!l.checkboxOptional?{required:false}:[],{disabled:((a=n.leadFormState)===null||a===void 0?void 0:a.loading)||((t=n.leadFormState)===null||t===void 0?void 0:t.disabled),validationError:function(e){var a=e.value;if(!a&&!l.checkboxOptional){return d({checkboxLabel:l.checkboxLabel})}}},((o=(s=n.leadFormState)===null||s===void 0?void 0:s.validationErrors)===null||o===void 0?void 0:o[l.checkboxName])?{class:sheet.classes.ErrorStyle,helpText:((i=(r=n.leadFormState)===null||r===void 0?void 0:r.validationErrors)===null||i===void 0?void 0:i[l.checkboxName])||l.requiredFieldErrorMessage}:[]),intl.formatMessage({id:l.checkboxName+"-message",defaultMessage:l.checkboxLabel},{labelLink:h("a",{href:l.checkboxLabelLink,target:"_blank"},l.checkboxLabelLinkText||l.checkboxLabelLink)})))}function useLeadCheckboxField(e){var a;var t=d(LEAD_FORM_STATE_CONTEXT);var s=useState(false),o=s[0],r=s[1];useEffect((function(){var a,s;if((a=t===null||t===void 0?void 0:t.initialData)===null||a===void 0?void 0:a[e.checkboxName]){r(!!((s=t===null||t===void 0?void 0:t.initialData)===null||s===void 0?void 0:s[e.checkboxName]))}}),[(a=t===null||t===void 0?void 0:t.initialData)===null||a===void 0?void 0:a[e.checkboxName]]);return{states:{leadFormState:t,checked:o},callbacks:{setChecked:r}}}var LeadCheckboxField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.checkboxLabel="By signing up you agree to the {labelLink}";this.checkboxLabelLink="https://example.com";this.checkboxLabelLinkText="Terms and Conditions";this.errorMessage="Must be checked";this.checkboxOptional=false;h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"checkbox-name",value:this.checkboxName}]);if(!isDemo()&&e){return h(RequiredPropsError,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"})}var a=__assign({},getProps(this));var t=isDemo()?useLeadCheckboxFieldDemo(this):useLeadCheckboxField(this),s=t.states,o=t.callbacks;return h(LeadCheckboxFieldView,{states:s,content:a,callbacks:o})};return e}();function useLeadCheckboxFieldDemo(e){return cjs({states:{registrationFormState:{},checked:false},callbacks:{setChecked:function(){}}},e.demoData||{},{arrayMerge:function(e,a){return a}})}export{LeadCheckboxField as sqm_lead_checkbox_field};
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var s,t=1,i=arguments.length;t<i;t++){s=arguments[t];for(var o in s)if(Object.prototype.hasOwnProperty.call(s,o))e[o]=s[o]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{i as d,n as h}from"./stencil-hooks.module-4bc38af4.js";import"./global-be1f9992.js";import{i as isDemo}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{a as getMissingProps,g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import{L as LEAD_FORM_STATE_CONTEXT,R as RequiredPropsError}from"./useLeadFormState-9016d812.js";import{L as LeadCheckboxFieldView}from"./sqm-lead-checkbox-field-view-a8c1c78e.js";function useLeadCheckboxField(){var e=d(LEAD_FORM_STATE_CONTEXT);return{states:{leadFormState:e}}}var LeadCheckboxField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.checkboxLabel="By signing up you agree to the {labelLink}";this.checkboxLabelLink="https://example.com";this.checkboxLabelLinkText="Terms and Conditions";this.errorMessage="Must be checked";this.checkboxOptional=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"checkbox-name",value:this.checkboxName}]);if(!isDemo()&&e){return h$1(RequiredPropsError,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"})}var s=__assign({},getProps(this));var t=(isDemo()?useLeadCheckboxFieldDemo(this):useLeadCheckboxField()).states;return h$1(LeadCheckboxFieldView,{states:t,content:s})};return e}();function useLeadCheckboxFieldDemo(e){return cjs({states:{leadFormState:{}}},e.demoData||{},{arrayMerge:function(e,s){return s}})}export{LeadCheckboxField as sqm_lead_checkbox_field};