@elliemae/pui-app-sdk 5.31.1 → 5.31.4

package/demo/docs/3520.3f37c08a.iframe.bundle.js

@@ -0,0 +1,102 @@
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[3520],{"./node_modules/.pnpm/@elliemae+ds-form-layout-blocks@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-blocks/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js":(Le,U,o)=>{o.d(U,{U:()=>Y});var v=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),r=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),W=o("./node_modules/.pnpm/@elliemae+ds-grid@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),V=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),K=o("./node_modules/.pnpm/uid@2.0.2/node_modules/uid/dist/index.mjs"),X=o("./node_modules/.pnpm/@elliemae+ds-icons@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/AlertsSmallFill.js"),de=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/globalAttributesPropTypes.js"),G=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/xstyledPropTypes.js"),re=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propsPerSlot/getPropsPerSlotPropTypes.js"),i=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js"),ie=o("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/helpers.js");const y="DSFormlayoutblockitem",_={CONTAINER:"container",LABEL:"label",MESSAGE:"message",ERROR_MESSAGE:"error-message",COUNTER:"counter",MARK:"mark"},Ie=(0,ie.lD)(y,_),pe={isGroup:!1},k={...de.P,...G.w,...(0,re.Y)(y,_),children:i.A.node.isRequired.description("Input component. "),label:i.A.string.description("Label property for the input component. This property is required for accesibility purposes."),inputID:i.A.string.description("String that matches the input component's id. This property is required for accesibility purposes."),maxCharCounter:i.A.number.description("Max of characters allowed."),currentChar:i.A.number.description("Current counter of input text area"),feedbackMessage:i.A.string.description("Feedback message to show below the input component."),validationMessage:i.A.string.description("Validation message to show below the input component. It requires hasError property set to true to be visible."),hasError:i.A.bool.description("Helper boolean property for the validation message."),required:i.A.bool.description("Adds required extra styling."),optional:i.A.bool.description("Adds optional extra styling."),fitContent:i.A.bool.description("Set the width of the layout to the input component."),leftLabel:i.A.bool.description("Adds the label at the left of the input component."),hideLabel:i.A.bool.description("Hides the input label. It still requires label and labelFor property for accesibility purposes"),withHighlight:i.A.bool.description("Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab."),isGroup:i.A.bool.description("Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input."),iconError:i.A.bool.description("Adds icon error extra styling.")};var b=o("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),ee=o("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js"),se=o("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/system.js");const me=(0,b.I)("div",{name:y,slot:_.CONTAINER})`
+  position: relative;
+  padding: 0;
+  margin: 0;
+  display: grid;
+  ${ee.L1}
+  ${({fitContent:l})=>l?"width: fit-content;":void 0}
+  ${({isGroup:l})=>l?"border: none":""};
+  ${({leftLabel:l,hideLabel:d})=>l&&!d?"grid-template-columns: auto 1fr;":void 0}
+  align-items: center;
+  ${({theme:l,withHighlight:d})=>d?`
+  &::after {
+        position: absolute;
+        content: '';
+        left: -${l.space.xxs};
+        top: -${l.space.xxxs};
+        z-index: -1;
+        width: calc(100% + ${l.space.xs});
+        height: calc(100%  + ${l.space.xxs});
+        background-color: #FEFBEE;
+        border : 1px solid #8F6326;
+        border-radius : 4px;
+        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);
+        }
+        &:hover, 
+        &:focus-within {
+          &::after {
+            position: absolute;
+            content: '';
+            left: -${l.space.xxs};
+            top: -${l.space.xxxs};
+            z-index: -1;
+            width: calc(100% + ${l.space.xs});
+            height: calc(100%  + ${l.space.xxs});
+            background-color: #FFF9D3;
+            border : 2px solid #8F6326;
+            border-radius : 4px;
+            box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);
+          }
+        }
+  `:void 0}
+`,ue=(0,b.I)("label",{name:y,slot:_.LABEL})`
+  display: flex;
+  ${({theme:l,leftLabel:d})=>d?`padding-right: ${l.space.xxxs};`:void 0}
+  ${({hideLabel:l})=>l?`position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+  `:void 0}
+`,le=(0,se.AH)`
+  font-size: ${({theme:l})=>l.fontSizes.microText[200]};
+  text-align: right;
+  line-height: 1.231rem;
+  @media (max-width: ${({theme:l})=>l.breakpoints.small}) {
+    line-height: 1rem;
+  }
+  min-height: 15px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: ${({theme:l,hasError:d})=>d?l.colors.danger[900]:l.colors.neutral[500]};
+  ${({leftLabel:l,hideLabel:d})=>l&&!d?"grid-column: 1/3;":void 0}
+  font-style: normal;
+`,ce=(0,b.I)("div",{name:y,slot:_.MESSAGE})`
+  ${le}
+`,he=(0,b.I)("div",{name:y,slot:_.ERROR_MESSAGE})`
+  ${le}
+`,fe=(0,b.I)("span",{name:y,slot:_.MARK})`
+  margin-left: ${({theme:l})=>l.space.xxxs};
+  ${({theme:l,required:d})=>d?`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  line-height: 1rem;
+  font-size: 1.5rem;
+  :after {
+    content: '*';
+    color: ${l.colors.danger[900]};
+  }
+  `:`
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  border: 1px solid ${l.colors.brand[600]};
+  `}
+`,C=b.I.div`
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+`,ge=(0,b.I)("span",{name:y,slot:_.COUNTER})`
+  justify-self: flex-end;
+  margin-left: 16px;
+  color: ${({theme:l,hasError:d})=>d?l.colors.danger[900]:l.colors.neutral[500]};
+`;var Ae=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js"),ye=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),xe=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/useGetGlobalAttributes.js"),ve=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/useGetXstyledProps.js");const _e=l=>{(0,Ae.D)(l,k,y);const d=(0,ye.b)(l,pe),N=(0,xe.u)(d),S=(0,ve.d)(d);return v.useMemo(()=>({globalAttributes:N,xstyledProps:S,propsWithDefault:d}),[N,S,d])},Y=l=>{const{globalAttributes:d,xstyledProps:N,propsWithDefault:S}=_e(l),{label:D,feedbackMessage:Z,maxCharCounter:P,currentChar:L,validationMessage:J,inputID:oe,children:Ee,hasError:M,leftLabel:H,required:Q,optional:z,hideLabel:w,fitContent:Te,withHighlight:Se,isGroup:I}=S,{className:te,label:q,...Pe}=d,E=(0,v.useMemo)(()=>oe??`form_layout_block_item_${(0,K.L)(6)}`,[oe]),je=(0,v.useMemo)(()=>P!==void 0?["1fr","auto"]:["1fr"],[P]),R=(0,v.useCallback)(()=>S,[S]),O=(0,v.useCallback)(()=>({}),[]);return(0,r.jsxs)(me,{leftLabel:H,fitContent:Te,hideLabel:w,withHighlight:Se,as:I?"fieldset":"div",isGroup:I,className:te,...N,...Pe,getOwnerProps:R,getOwnerPropsArguments:O,children:[(0,r.jsxs)(W.Ay,{cols:je,gutter:"xxs","aria-live":"polite",id:`${E}_remaining_characters`,children:[D?(0,r.jsxs)(ue,{id:`${E}_block_label`,htmlFor:E,leftLabel:H,hideLabel:w,"aria-hidden":I,getOwnerProps:R,getOwnerPropsArguments:O,children:[D,(Q||z)&&(0,r.jsx)(fe,{required:Q,children:z?(0,r.jsx)(C,{children:"Optional"}):null})]}):null,P!==void 0&&L!==void 0?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(ge,{hasError:L>P,getOwnerProps:R,getOwnerPropsArguments:O,children:`${L}/${P}`}),(0,r.jsx)(C,{children:L<P?`${P-L} characters remaining`:""})]}):null]}),I&&(0,r.jsx)(C,{as:"legend",children:`${D}. ${M&&J||!M&&Z||""}`}),Ee,Z&&!M?(0,r.jsx)(ce,{"aria-live":"polite",leftLabel:H,hideLabel:w,"aria-hidden":I,id:`${E}_feedback_message`,getOwnerProps:R,getOwnerPropsArguments:O,children:Z}):(0,r.jsx)(C,{id:`${E}_feedback_message`}),J&&M?(0,r.jsxs)(he,{hasError:M,leftLabel:H,hideLabel:w,role:"alert",id:`${E}_error_message`,getOwnerProps:R,getOwnerPropsArguments:O,children:[(0,r.jsx)(X.A,{width:8,height:8,color:["danger","900"],style:{marginBottom:"2px"}}),"\xA0",`${J}`]}):(0,r.jsx)(C,{id:`${E}_error_message`})]})};Y.displayName="DSFormLayoutBlockItem";const be=(0,V.A)(Y);be.propTypes=k},"./node_modules/.pnpm/@elliemae+ds-icons@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/AlertsSmallFill.js":(Le,U,o)=>{o.d(U,{A:()=>K});var v=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),r=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),W=o("./node_modules/.pnpm/@elliemae+ds-icons@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/utils/SvgIcon.js"),K=X=>(0,r.jsx)(W.Ah,{width:12,height:13,...X,viewBox:"0 0 12 13",children:(0,r.jsx)("path",{d:"M 7.2154 1.2771 L 11.8239 10.2545 C 12.1984 10.9839 11.956 11.904 11.2826 12.3096 C 11.0752 12.4345 10.8419 12.5 10.6046 12.5 L 1.3952 12.5 C 0.6246 12.5 0 11.8234 0 10.9889 C 0 10.7322 0.0603 10.4798 0.1753 10.2555 L 4.7762 1.278 C 5.1502 0.5483 5.9995 0.2851 6.6732 0.6902 C 6.901 0.8271 7.0888 1.0304 7.2154 1.2771 Z"})})},"./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isEqual.js":(Le,U,o)=>{o.d(U,{A:()=>Me});var v=o("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Stack.js"),r=o("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_MapCache.js"),W="__lodash_hash_undefined__";function V(e){return this.__data__.set(e,W),this}const K=V;function X(e){return this.__data__.has(e)}const de=X;function G(e){var s=-1,n=e==null?0:e.length;for(this.__data__=new r.A;++s<n;)this.add(e[s])}G.prototype.add=G.prototype.push=K,G.prototype.has=de;const re=G;function i(e,s){for(var n=-1,a=e==null?0:e.length;++n<a;)if(s(e[n],n,e))return!0;return!1}const ie=i;function y(e,s){return e.has(s)}const _=y;var Ie=1,pe=2;function k(e,s,n,a,u,t){var m=n&Ie,h=e.length,c=s.length;if(h!=c&&!(m&&c>h))return!1;var f=t.get(e),T=t.get(s);if(f&&T)return f==s&&T==e;var g=-1,p=!0,j=n&pe?new re:void 0;for(t.set(e,s),t.set(s,e);++g<h;){var A=e[g],x=s[g];if(a)var $=m?a(x,A,g,s,e,t):a(A,x,g,e,s,t);if($!==void 0){if($)continue;p=!1;break}if(j){if(!ie(s,function(F,B){if(!_(j,B)&&(A===F||u(A,F,n,a,t)))return j.push(B)})){p=!1;break}}else if(!(A===x||u(A,x,n,a,t))){p=!1;break}}return t.delete(e),t.delete(s),p}const b=k;var ee=o("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Symbol.js"),se=o("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Uint8Array.js"),me=o("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/eq.js");function ue(e){var s=-1,n=Array(e.size);return e.forEach(function(a,u){n[++s]=[u,a]}),n}const le=ue;function ce(e){var s=-1,n=Array(e.size);return e.forEach(function(a){n[++s]=a}),n}const he=ce;var fe=1,C=2,ge="[object Boolean]",Ae="[object Date]",ye="[object Error]",xe="[object Map]",ve="[object Number]",_e="[object RegExp]",Y="[object Set]",be="[object String]",l="[object Symbol]",d="[object ArrayBuffer]",N="[object DataView]",S=ee.A?ee.A.prototype:void 0,D=S?S.valueOf:void 0;function Z(e,s,n,a,u,t,m){switch(n){case N:if(e.byteLength!=s.byteLength||e.byteOffset!=s.byteOffset)return!1;e=e.buffer,s=s.buffer;case d:return!(e.byteLength!=s.byteLength||!t(new se.A(e),new se.A(s)));case ge:case Ae:case ve:return(0,me.A)(+e,+s);case ye:return e.name==s.name&&e.message==s.message;case _e:case be:return e==s+"";case xe:var h=le;case Y:var c=a&fe;if(h||(h=he),e.size!=s.size&&!c)return!1;var f=m.get(e);if(f)return f==s;a|=C,m.set(e,s);var T=b(h(e),h(s),a,u,t,m);return m.delete(e),T;case l:if(D)return D.call(e)==D.call(s)}return!1}const P=Z;var L=o("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getAllKeys.js"),J=1,oe=Object.prototype,Ee=oe.hasOwnProperty;function M(e,s,n,a,u,t){var m=n&J,h=(0,L.A)(e),c=h.length,f=(0,L.A)(s),T=f.length;if(c!=T&&!m)return!1;for(var g=c;g--;){var p=h[g];if(!(m?p in s:Ee.call(s,p)))return!1}var j=t.get(e),A=t.get(s);if(j&&A)return j==s&&A==e;var x=!0;t.set(e,s),t.set(s,e);for(var $=m;++g<c;){p=h[g];var F=e[p],B=s[p];if(a)var $e=m?a(B,F,p,s,e,t):a(F,B,p,e,s,t);if(!($e===void 0?F===B||u(F,B,n,a,t):$e)){x=!1;break}$||($=p=="constructor")}if(x&&!$){var ne=e.constructor,ae=s.constructor;ne!=ae&&"constructor"in e&&"constructor"in s&&!(typeof ne=="function"&&ne instanceof ne&&typeof ae=="function"&&ae instanceof ae)&&(x=!1)}return t.delete(e),t.delete(s),x}const H=M;var Q=o("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getTag.js"),z=o("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isArray.js"),w=o("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isBuffer.js"),Te=o("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isTypedArray.js"),Se=1,I="[object Arguments]",te="[object Array]",q="[object Object]",Pe=Object.prototype,E=Pe.hasOwnProperty;function je(e,s,n,a,u,t){var m=(0,z.A)(e),h=(0,z.A)(s),c=m?te:(0,Q.A)(e),f=h?te:(0,Q.A)(s);c=c==I?q:c,f=f==I?q:f;var T=c==q,g=f==q,p=c==f;if(p&&(0,w.A)(e)){if(!(0,w.A)(s))return!1;m=!0,T=!1}if(p&&!T)return t||(t=new v.A),m||(0,Te.A)(e)?b(e,s,n,a,u,t):P(e,s,c,n,a,u,t);if(!(n&Se)){var j=T&&E.call(e,"__wrapped__"),A=g&&E.call(s,"__wrapped__");if(j||A){var x=j?e.value():e,$=A?s.value():s;return t||(t=new v.A),u(x,$,n,a,t)}}return p?(t||(t=new v.A),H(e,s,n,a,u,t)):!1}const R=je;var O=o("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isObjectLike.js");function Oe(e,s,n,a,u){return e===s?!0:e==null||s==null||!(0,O.A)(e)&&!(0,O.A)(s)?e!==e&&s!==s:R(e,s,n,a,Oe,u)}const Ce=Oe;function De(e,s){return Ce(e,s)}const Me=De}}]);