@elliemae/pui-app-sdk 5.36.2 → 5.37.0

package/demo/docs/view-fields-large-text-box-index-stories.432becf7.iframe.bundle.js

@@ -0,0 +1,254 @@
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[1491],{"./lib/view/fields/form-layout-block-item/index.tsx"(C,c,e){e.d(c,{B:()=>j});var d=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(d),l=e("./node_modules/.pnpm/@elliemae+ds-form-layout-blocks@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-blocks/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js"),u=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),x=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),g=["inputID","label"],j=function(f){var a=f.inputID,n=f.label,y=o()(f,g),m=(0,u.lN)({name:a}),p=m.errors,r=(0,u.Jt)(p,a),k=!!r,M=r?.message;return(0,x.jsx)(l.U,Object.assign({inputID:a,label:n,hasError:k,validationMessage:M},y))};j.displayName="FormLayoutBlockItem"},"./lib/view/fields/watch-value.tsx"(C,c,e){e.d(c,{n:()=>a});var d=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(d),l=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),u=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),x=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),g,j=l.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),f=l.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),a=function(n){var y=n.name,m=n.label,p=(0,x.xW)(),r=p.watch,k=r(y,!1)||"";return o()(u.Ay,{},void 0,o()(j,{},void 0,g||(g=o()("h4",{},void 0,"Form Data:")),o()(f,{},void 0,o()("div",{},void 0,m," : ",o()("strong",{},void 0,JSON.stringify(k))))))};a.displayName="WatchValue"},"./lib/view/form/index.tsx"(C,c,e){e.d(c,{l:()=>x});var d=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),o=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),l=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),u=d.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),x=function(g){var j=g.classname,f=g.reactHookFormProps,a=f===void 0?{mode:"onBlur"}:f,n=g.children,y=g.onSubmit,m=(0,o.mN)(a),p={};y&&(p.onSubmit=m.handleSubmit(y));var r=Object.assign(m,{formProps:a});return(0,l.jsx)(o.Op,Object.assign({},r,{children:(0,l.jsx)(u,Object.assign({className:j},p,{children:n}))}))};x.displayName="Form"},"./lib/view/fields/large-text-box/index.stories.tsx"(C,c,e){e.r(c),e.d(c,{Basic:()=>H,__namedExportsOrder:()=>z,default:()=>te});var d=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(d),l=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),u=e("./node_modules/.pnpm/@elliemae+ds-legacy-button-v2@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-button-v2/dist/esm/DSButtonV2.js"),x=e("./lib/view/form/index.tsx"),g=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),j=e.n(g),f=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),a=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),n=e("./node_modules/.pnpm/@elliemae+ds-legacy-props-helpers@1.0.16_@elliemae+pui-theme@2.7.0_react-dom@17.0.2/node_modules/@elliemae/ds-legacy-props-helpers/dist/esm/useDeprecateComponent/index.js"),y=e("./node_modules/.pnpm/@elliemae+ds-legacy-props-helpers@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-props-helpers/dist/esm/propTypes/describe.js"),m=e("./node_modules/.pnpm/@elliemae+ds-legacy-classnames@1.0.16/node_modules/@elliemae/ds-legacy-classnames/dist/esm/aggregatedClasses.js"),p=e("./node_modules/.pnpm/@elliemae+ds-legacy-classnames@1.0.16/node_modules/@elliemae/ds-legacy-classnames/dist/esm/classNameManager.js"),r=e("./node_modules/.pnpm/@elliemae+ds-legacy-props-helpers@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-props-helpers/dist/esm/propTypes/PropTypes.js");const k={containerProps:r.A.object.description("Injected props to wrapper element of component"),autoFocus:r.A.bool.description("Whether uses auto focus or not"),className:r.A.string.description("CSS class"),disabled:r.A.bool.description("Whether is disabled or not"),name:r.A.string.description("HTML form name property"),id:r.A.number.description("HTML id"),maxLength:r.A.number.description("Max length for text to be entered"),minLength:r.A.number.description("Min length for text to be entered"),placeholder:r.A.string.description("Placeholder for the text"),onClick:r.A.func.description("Allows a function that is triggered once the input text is clicked"),onChange:r.A.func.description("Allows a function that is triggered once the input text changes"),onFocus:r.A.func.description("Allows a function that is triggered once the input text is focused"),onBlur:r.A.func.description("Allows a function that is triggered once the input text loses focus"),onKeyUp:r.A.func.description("Allows a function that is triggered once in the input a keyboard key is released"),onKeyDown:r.A.func.description("Allows a function that is triggered once a key is being pressed"),onPaste:r.A.func.description("Allows a function that is triggered once the input text is pasted"),value:r.A.string.description("Default value once the component is initialized"),hasError:r.A.bool.description("Whether the input text has error or not"),required:r.A.bool.description("Whether the input text is required or not"),readOnly:r.A.bool.description("Whether the input text is read only or not"),resize:r.A.string.description("The resizable handle feature is being deprocated due to the inability to fully comply with accessibility standards and would be less than optimal for the best user experience. The auto-resize functionality will repalce it and complies with accessibility standards and guidelines.").deprecated({version:"4.x"}),innerRef:r.A.func.description("ref forwarded to component"),ariaLabel:r.A.string.description("a11y aria label"),ariaAutocomplete:r.A.string.description(""),role:r.A.string.description("Type of input. Ex: textbox"),characterLimitCounter:r.A.number.description("it will show a counter/limit if the value is greater than 0"),tabIndex:r.A.string.description("Tab index html property.")},M={containerProps:{},autoFocus:!1,className:"",disabled:!1,name:"",id:null,maxLength:null,minLength:0,placeholder:"",onClick:()=>null,onChange:()=>null,onFocus:()=>null,onBlur:()=>null,onKeyUp:()=>null,onKeyDown:()=>null,onPaste:()=>null,value:"",hasError:!1,required:!1,readOnly:!1,resize:"vertical",innerRef:null,ariaLabel:"Enter text",ariaAutocomplete:"none",role:"textbox",characterLimitCounter:0,rows:3,errorLimit:"Please limit your entry to",tabIndex:""},v=(0,m.A)("div")("counter","textarea",({limitError:h})=>({"limit-error":h})),I=({containerProps:h,autoFocus:O,className:t,disabled:s,name:A,id:B,maxLength:L,minLength:_,placeholder:T,onClick:$,onChange:q,onFocus:oe,onBlur:re,onKeyUp:V,onKeyDown:Y,onPaste:ee,value:G,hasError:X,required:ne,readOnly:se,resize:R,innerRef:ae,ariaLabel:de,ariaAutocomplete:le,role:F,characterLimitCounter:W,rows:N,errorLimit:U,tabIndex:ue})=>{(0,n.y)({componentName:"ds-form/LargeInputText",version:"TBD Date: 2023 Q3"});const ie=(0,f.useMemo)(()=>W<String(G).length&&W>0,[W,G]),{cssClassName:me,classNameElement:pe,classNameBlock:ce}=(0,p.Ay)("form-element-textarea","text",{hasError:ie||X,readOnly:se,disabled:s}),he=ge=>{V(ge)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{...h,className:`${me} ${t}`,children:(0,a.jsx)("div",{className:ce("wrapper"),children:(0,a.jsx)("textarea",{ref:ae,"aria-autocomplete":le,"aria-label":de,"aria-multiline":!0,"aria-placeholder":T,"aria-required":ne,autoFocus:O,className:pe("textarea"),"data-testid":"ds-large-input_main-component",disabled:s,id:B,maxLength:L,minLength:_,name:A,onBlur:re,onChange:q,onClick:$,onFocus:oe,onKeyDown:Y,onKeyUp:he,onPaste:ee,placeholder:T,role:F,rows:String(N),style:{resize:R},value:G,tabIndex:ue})})}),W>0&&(0,a.jsx)(v,{classProps:{limitError:ie},"data-testid":"counter-area",children:`${ie?`${U} ${W} characters.   `:""}${String(G).length} / ${W}`})]})};I.propTypes=k,I.defaultProps=M,I.displayName="DSLargeInputText";const J=(0,y.A)(I).description("A large input");J.propTypes=k;var i=null,P=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),b=["name","defaultValue","rules"],S=function(h){var O=h.name,t=h.defaultValue,s=t===void 0?"":t,A=h.rules,B=A===void 0?{}:A,L=j()(h,b);return o()(P.xI,{name:O,rules:B,defaultValue:s,render:function(_){var T=_.field;return(0,a.jsx)(I,Object.assign({},L,T))}})};S.displayName="LargeTextBox";var E=e("./lib/view/fields/form-layout-block-item/index.tsx"),Q=e("./lib/view/fields/watch-value.tsx"),D,Z=`
+    
+    // @ts-nocheck
+    // @ts-ignore
+    var __STORY__ = "import { Story, Meta } from '@storybook/react';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button';\\nimport { Form } from '../../form/index.js';\\nimport { LargeTextBox, LargeTextBoxProps } from './index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/LargeTextBox',\\n  component: LargeTextBox,\\n} as Meta;\\n\\nconst Template: Story<LargeTextBoxProps> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem inputID=\\"feedback\\" label=\\"Enter Feedback\\" required>\\n        <LargeTextBox {...args} />\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"Enter Feedback\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  id: 'feedback',\\n  name: 'feedback',\\n  rules: {\\n    required: { value: true, message: 'Please enter feedback' },\\n  },\\n};\\n";
+    // @ts-ignore
+    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":43,"line":14},"endLoc":{"col":1,"line":24},"startBody":{"col":43,"line":14},"endBody":{"col":1,"line":24}}};
+    
+import { Story, Meta } from '@storybook/react';
+import { Grid } from '@elliemae/ds-grid';
+import { DSButtonV2 } from '@elliemae/ds-button';
+import { Form } from '../../form/index.js';
+import { LargeTextBox, LargeTextBoxProps } from './index.js';
+import { FormLayoutBlockItem } from '../form-layout-block-item/index.js';
+import { WatchValue } from '../watch-value.js';
+
+export default {parameters: {"storySource":{"source":"import { Story, Meta } from '@storybook/react';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button';\\nimport { Form } from '../../form/index.js';\\nimport { LargeTextBox, LargeTextBoxProps } from './index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/LargeTextBox',\\n  component: LargeTextBox,\\n} as Meta;\\n\\nconst Template: Story<LargeTextBoxProps> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem inputID=\\"feedback\\" label=\\"Enter Feedback\\" required>\\n        <LargeTextBox {...args} />\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"Enter Feedback\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  id: 'feedback',\\n  name: 'feedback',\\n  rules: {\\n    required: { value: true, message: 'Please enter feedback' },\\n  },\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":43,"line":14},"endLoc":{"col":1,"line":24},"startBody":{"col":43,"line":14},"endBody":{"col":1,"line":24}}}},},
+  title: 'Components/Form/Controls/LargeTextBox',
+  component: LargeTextBox,
+} as Meta;
+
+const Template: Story<LargeTextBoxProps> = (args) => (
+  <Grid p="m">
+    <Form>
+      <FormLayoutBlockItem inputID="feedback" label="Enter Feedback" required>
+        <LargeTextBox {...args} />
+      </FormLayoutBlockItem>
+      <DSButtonV2>Submit</DSButtonV2>
+      <WatchValue label="Enter Feedback" {...args} />
+    </Form>
+  </Grid>
+);
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  id: 'feedback',
+  name: 'feedback',
+  rules: {
+    required: { value: true, message: 'Please enter feedback' },
+  },
+};
+`,K={Basic:{startLoc:{col:43,line:22},endLoc:{col:1,line:32},startBody:{col:43,line:22},endBody:{col:1,line:32}}},Z=`import { Story, Meta } from '@storybook/react';
+import { Grid } from '@elliemae/ds-grid';
+import { DSButtonV2 } from '@elliemae/ds-button';
+import { Form } from '../../form/index.js';
+import { LargeTextBox, LargeTextBoxProps } from './index.js';
+import { FormLayoutBlockItem } from '../form-layout-block-item/index.js';
+import { WatchValue } from '../watch-value.js';
+
+export default {
+  title: 'Components/Form/Controls/LargeTextBox',
+  component: LargeTextBox,
+} as Meta;
+
+const Template: Story<LargeTextBoxProps> = (args) => (
+  <Grid p="m">
+    <Form>
+      <FormLayoutBlockItem inputID="feedback" label="Enter Feedback" required>
+        <LargeTextBox {...args} />
+      </FormLayoutBlockItem>
+      <DSButtonV2>Submit</DSButtonV2>
+      <WatchValue label="Enter Feedback" {...args} />
+    </Form>
+  </Grid>
+);
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  id: 'feedback',
+  name: 'feedback',
+  rules: {
+    required: { value: true, message: 'Please enter feedback' },
+  },
+};
+`,K={Basic:{startLoc:{col:43,line:14},endLoc:{col:1,line:24},startBody:{col:43,line:14},endBody:{col:1,line:24}}};const te={parameters:{storySource:{source:`
+    
+    // @ts-nocheck
+    // @ts-ignore
+    var __STORY__ = "import { Story, Meta } from '@storybook/react';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button';\\nimport { Form } from '../../form/index.js';\\nimport { LargeTextBox, LargeTextBoxProps } from './index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/LargeTextBox',\\n  component: LargeTextBox,\\n} as Meta;\\n\\nconst Template: Story<LargeTextBoxProps> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem inputID=\\"feedback\\" label=\\"Enter Feedback\\" required>\\n        <LargeTextBox {...args} />\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"Enter Feedback\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  id: 'feedback',\\n  name: 'feedback',\\n  rules: {\\n    required: { value: true, message: 'Please enter feedback' },\\n  },\\n};\\n";
+    // @ts-ignore
+    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":43,"line":14},"endLoc":{"col":1,"line":24},"startBody":{"col":43,"line":14},"endBody":{"col":1,"line":24}}};
+    
+import { Story, Meta } from '@storybook/react';
+import { Grid } from '@elliemae/ds-grid';
+import { DSButtonV2 } from '@elliemae/ds-button';
+import { Form } from '../../form/index.js';
+import { LargeTextBox, LargeTextBoxProps } from './index.js';
+import { FormLayoutBlockItem } from '../form-layout-block-item/index.js';
+import { WatchValue } from '../watch-value.js';
+
+export default {parameters: {"storySource":{"source":"import { Story, Meta } from '@storybook/react';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button';\\nimport { Form } from '../../form/index.js';\\nimport { LargeTextBox, LargeTextBoxProps } from './index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/LargeTextBox',\\n  component: LargeTextBox,\\n} as Meta;\\n\\nconst Template: Story<LargeTextBoxProps> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem inputID=\\"feedback\\" label=\\"Enter Feedback\\" required>\\n        <LargeTextBox {...args} />\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"Enter Feedback\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  id: 'feedback',\\n  name: 'feedback',\\n  rules: {\\n    required: { value: true, message: 'Please enter feedback' },\\n  },\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":43,"line":14},"endLoc":{"col":1,"line":24},"startBody":{"col":43,"line":14},"endBody":{"col":1,"line":24}}}},},
+  title: 'Components/Form/Controls/LargeTextBox',
+  component: LargeTextBox,
+} as Meta;
+
+const Template: Story<LargeTextBoxProps> = (args) => (
+  <Grid p="m">
+    <Form>
+      <FormLayoutBlockItem inputID="feedback" label="Enter Feedback" required>
+        <LargeTextBox {...args} />
+      </FormLayoutBlockItem>
+      <DSButtonV2>Submit</DSButtonV2>
+      <WatchValue label="Enter Feedback" {...args} />
+    </Form>
+  </Grid>
+);
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  id: 'feedback',
+  name: 'feedback',
+  rules: {
+    required: { value: true, message: 'Please enter feedback' },
+  },
+};
+`,locationsMap:{basic:{startLoc:{col:43,line:22},endLoc:{col:1,line:32},startBody:{col:43,line:22},endBody:{col:1,line:32}}}},storySource:{source:`import { Story, Meta } from '@storybook/react';
+import { Grid } from '@elliemae/ds-grid';
+import { DSButtonV2 } from '@elliemae/ds-button';
+import { Form } from '../../form/index.js';
+import { LargeTextBox, LargeTextBoxProps } from './index.js';
+import { FormLayoutBlockItem } from '../form-layout-block-item/index.js';
+import { WatchValue } from '../watch-value.js';
+
+export default {
+  title: 'Components/Form/Controls/LargeTextBox',
+  component: LargeTextBox,
+} as Meta;
+
+const Template: Story<LargeTextBoxProps> = (args) => (
+  <Grid p="m">
+    <Form>
+      <FormLayoutBlockItem inputID="feedback" label="Enter Feedback" required>
+        <LargeTextBox {...args} />
+      </FormLayoutBlockItem>
+      <DSButtonV2>Submit</DSButtonV2>
+      <WatchValue label="Enter Feedback" {...args} />
+    </Form>
+  </Grid>
+);
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  id: 'feedback',
+  name: 'feedback',
+  rules: {
+    required: { value: true, message: 'Please enter feedback' },
+  },
+};
+`,locationsMap:{basic:{startLoc:{col:43,line:14},endLoc:{col:1,line:24},startBody:{col:43,line:14},endBody:{col:1,line:24}}}}},title:"Components/Form/Controls/LargeTextBox",component:S};var w=function(h){return o()(l.Ay,{p:"m"},void 0,o()(x.l,{},void 0,o()(E.B,{inputID:"feedback",label:"Enter Feedback",required:!0},void 0,(0,a.jsx)(S,Object.assign({},h))),D||(D=o()(u.e,{},void 0,"Submit")),(0,a.jsx)(Q.n,Object.assign({label:"Enter Feedback"},h))))};w.displayName="Template";var H=w.bind({});H.args={id:"feedback",name:"feedback",rules:{required:{value:!0,message:"Please enter feedback"}}};var z=["Basic"]},"./node_modules/.pnpm/@elliemae+ds-form-layout-blocks@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-blocks/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js"(C,c,e){e.d(c,{U:()=>h});var d=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),o=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),l=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),u=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),x=e("./node_modules/.pnpm/uid@2.0.2/node_modules/uid/dist/index.mjs"),g=e("./node_modules/.pnpm/@elliemae+ds-icons@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/AlertsSmallFill.js"),j=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/globalAttributesPropTypes.js"),f=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/xstyledPropTypes.js"),a=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propsPerSlot/getPropsPerSlotPropTypes.js"),n=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js"),y=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/helpers.js");const m="DSFormlayoutblockitem",p={CONTAINER:"container",LABEL:"label",MESSAGE:"message",ERROR_MESSAGE:"error-message",COUNTER:"counter",MARK:"mark"},r=(0,y.lD)(m,p),k={isGroup:!1},M={...j.P,...f.w,...(0,a.Y)(m,p),children:n.A.node.isRequired.description("Input component. "),label:n.A.string.description("Label property for the input component. This property is required for accesibility purposes."),inputID:n.A.string.description("String that matches the input component's id. This property is required for accesibility purposes."),maxCharCounter:n.A.number.description("Max of characters allowed."),currentChar:n.A.number.description("Current counter of input text area"),feedbackMessage:n.A.string.description("Feedback message to show below the input component."),validationMessage:n.A.string.description("Validation message to show below the input component. It requires hasError property set to true to be visible."),hasError:n.A.bool.description("Helper boolean property for the validation message."),required:n.A.bool.description("Adds required extra styling."),optional:n.A.bool.description("Adds optional extra styling."),fitContent:n.A.bool.description("Set the width of the layout to the input component."),leftLabel:n.A.bool.description("Adds the label at the left of the input component."),hideLabel:n.A.bool.description("Hides the input label. It still requires label and labelFor property for accesibility purposes"),withHighlight:n.A.bool.description("Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab."),isGroup:n.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:n.A.bool.description("Adds icon error extra styling.")};var v=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),I=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js"),J=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/system.js");const i=(0,v.I)("div",{name:m,slot:p.CONTAINER})`
+  position: relative;
+  padding: 0;
+  margin: 0;
+  display: grid;
+  ${I.L1}
+  ${({fitContent:t})=>t?"width: fit-content;":void 0}
+  ${({isGroup:t})=>t?"border: none":""};
+  ${({leftLabel:t,hideLabel:s})=>t&&!s?"grid-template-columns: auto 1fr;":void 0}
+  align-items: center;
+  ${({theme:t,withHighlight:s})=>s?`
+  &::after {
+        position: absolute;
+        content: '';
+        left: -${t.space.xxs};
+        top: -${t.space.xxxs};
+        z-index: -1;
+        width: calc(100% + ${t.space.xs});
+        height: calc(100%  + ${t.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: -${t.space.xxs};
+            top: -${t.space.xxxs};
+            z-index: -1;
+            width: calc(100% + ${t.space.xs});
+            height: calc(100%  + ${t.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}
+`,P=(0,v.I)("label",{name:m,slot:p.LABEL})`
+  display: flex;
+  ${({theme:t,leftLabel:s})=>s?`padding-right: ${t.space.xxxs};`:void 0}
+  ${({hideLabel:t})=>t?`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}
+`,b=(0,J.AH)`
+  font-size: ${({theme:t})=>t.fontSizes.microText[200]};
+  text-align: right;
+  line-height: 1.231rem;
+  @media (max-width: ${({theme:t})=>t.breakpoints.small}) {
+    line-height: 1rem;
+  }
+  min-height: 15px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: ${({theme:t,hasError:s})=>s?t.colors.danger[900]:t.colors.neutral[500]};
+  ${({leftLabel:t,hideLabel:s})=>t&&!s?"grid-column: 1/3;":void 0}
+  font-style: normal;
+`,S=(0,v.I)("div",{name:m,slot:p.MESSAGE})`
+  ${b}
+`,E=(0,v.I)("div",{name:m,slot:p.ERROR_MESSAGE})`
+  ${b}
+`,Q=(0,v.I)("span",{name:m,slot:p.MARK})`
+  margin-left: ${({theme:t})=>t.space.xxxs};
+  ${({theme:t,required:s})=>s?`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  line-height: 1rem;
+  font-size: 1.5rem;
+  :after {
+    content: '*';
+    color: ${t.colors.danger[900]};
+  }
+  `:`
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  border: 1px solid ${t.colors.brand[600]};
+  `}
+`,D=v.I.div`
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+`,Z=(0,v.I)("span",{name:m,slot:p.COUNTER})`
+  justify-self: flex-end;
+  margin-left: 16px;
+  color: ${({theme:t,hasError:s})=>s?t.colors.danger[900]:t.colors.neutral[500]};
+`;var K=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js"),te=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),w=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/useGetGlobalAttributes.js"),H=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/useGetXstyledProps.js");const z=t=>{(0,K.D)(t,M,m);const s=(0,te.b)(t,k),A=(0,w.u)(s),B=(0,H.d)(s);return d.useMemo(()=>({globalAttributes:A,xstyledProps:B,propsWithDefault:s}),[A,B,s])},h=t=>{const{globalAttributes:s,xstyledProps:A,propsWithDefault:B}=z(t),{label:L,feedbackMessage:_,maxCharCounter:T,currentChar:$,validationMessage:q,inputID:oe,children:re,hasError:V,leftLabel:Y,required:ee,optional:G,hideLabel:X,fitContent:ne,withHighlight:se,isGroup:R}=B,{className:ae,label:de,...le}=s,F=(0,d.useMemo)(()=>oe??`form_layout_block_item_${(0,x.L)(6)}`,[oe]),W=(0,d.useMemo)(()=>T!==void 0?["1fr","auto"]:["1fr"],[T]),N=(0,d.useCallback)(()=>B,[B]),U=(0,d.useCallback)(()=>({}),[]);return(0,o.jsxs)(i,{leftLabel:Y,fitContent:ne,hideLabel:X,withHighlight:se,as:R?"fieldset":"div",isGroup:R,className:ae,...A,...le,getOwnerProps:N,getOwnerPropsArguments:U,children:[(0,o.jsxs)(l.Ay,{cols:W,gutter:"xxs","aria-live":"polite",id:`${F}_remaining_characters`,children:[L?(0,o.jsxs)(P,{id:`${F}_block_label`,htmlFor:F,leftLabel:Y,hideLabel:X,"aria-hidden":R,getOwnerProps:N,getOwnerPropsArguments:U,children:[L,(ee||G)&&(0,o.jsx)(Q,{required:ee,"aria-hidden":ee,children:G?(0,o.jsx)(D,{children:"Optional"}):null})]}):null,T!==void 0&&$!==void 0?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(Z,{hasError:$>T,getOwnerProps:N,getOwnerPropsArguments:U,children:`${$}/${T}`}),(0,o.jsx)(D,{children:$<T?`${T-$} characters remaining`:""})]}):null]}),R&&(0,o.jsx)(D,{as:"legend",id:`${F}_legend`,children:`${L}. ${V&&q||!V&&_||""}`}),re,_&&!V?(0,o.jsx)(S,{"aria-live":"polite",leftLabel:Y,hideLabel:X,"aria-hidden":R,id:`${F}_feedback_message`,getOwnerProps:N,getOwnerPropsArguments:U,children:_}):(0,o.jsx)(D,{id:`${F}_feedback_message`}),q&&V?(0,o.jsxs)(E,{hasError:V,leftLabel:Y,hideLabel:X,role:"alert",id:`${F}_error_message`,getOwnerProps:N,getOwnerPropsArguments:U,children:[(0,o.jsx)(g.A,{width:8,height:8,color:["danger","900"],style:{marginBottom:"2px"}}),"\xA0",`${q}`]}):(0,o.jsx)(D,{id:`${F}_error_message`})]})};h.displayName="DSFormLayoutBlockItem";const O=(0,u.A)(h);O.propTypes=M},"./node_modules/.pnpm/@elliemae+ds-icons@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/AlertsSmallFill.js"(C,c,e){e.d(c,{A:()=>x});var d=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),o=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),l=e("./node_modules/.pnpm/@elliemae+ds-icons@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/utils/SvgIcon.js"),x=g=>(0,o.jsx)(l.Ah,{width:12,height:13,...g,viewBox:"0 0 12 13",children:(0,o.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/@elliemae+ds-legacy-classnames@1.0.16/node_modules/@elliemae/ds-legacy-classnames/dist/esm/aggregatedClasses.js"(C,c,e){e.d(c,{A:()=>J});var d=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),o=e("./node_modules/.pnpm/obj-str@1.1.0/node_modules/obj-str/dist/obj-str.mjs"),l=e("./node_modules/.pnpm/@elliemae+ds-legacy-classnames@1.0.16/node_modules/@elliemae/ds-legacy-classnames/dist/esm/classNameManager.js"),u=e("./node_modules/.pnpm/@elliemae+ds-legacy-classnames@1.0.16/node_modules/@elliemae/ds-legacy-classnames/dist/esm/dimsum.config.js");const a={...{accept:!0,acceptCharset:!0,accessKey:!0,action:!0,allowFullScreen:!0,allowTransparency:!0,alt:!0,async:!0,autoComplete:!0,autoFocus:!0,autoPlay:!0,capture:!0,cellPadding:!0,cellSpacing:!0,charSet:!0,challenge:!0,checked:!0,classID:!0,className:!0,cols:!0,colSpan:!0,content:!0,contentEditable:!0,contextMenu:!0,controls:!0,coords:!0,crossOrigin:!0,data:!0,dateTime:!0,defer:!0,dir:!0,disabled:!0,download:!0,draggable:!0,encType:!0,form:!0,formAction:!0,formEncType:!0,formMethod:!0,formNoValidate:!0,formTarget:!0,frameBorder:!0,headers:!0,height:!0,hidden:!0,high:!0,href:!0,hrefLang:!0,htmlFor:!0,httpEquiv:!0,icon:!0,id:!0,inputMode:!0,keyParams:!0,keyType:!0,label:!0,lang:!0,list:!0,loop:!0,low:!0,manifest:!0,marginHeight:!0,marginWidth:!0,max:!0,maxLength:!0,media:!0,mediaGroup:!0,method:!0,min:!0,minLength:!0,multiple:!0,muted:!0,name:!0,noValidate:!0,open:!0,optimum:!0,pattern:!0,placeholder:!0,poster:!0,preload:!0,radioGroup:!0,readOnly:!0,rel:!0,required:!0,role:!0,rows:!0,rowSpan:!0,sandbox:!0,scope:!0,scoped:!0,scrolling:!0,seamless:!0,selected:!0,shape:!0,size:!0,sizes:!0,span:!0,spellCheck:!0,src:!0,srcDoc:!0,srcSet:!0,start:!0,step:!0,style:!0,summary:!0,tabIndex:!0,target:!0,title:!0,type:!0,useMap:!0,value:!0,width:!0,wmode:!0,wrap:!0},...{clipPath:!0,cx:!0,cy:!0,d:!0,dx:!0,dy:!0,fill:!0,fillOpacity:!0,fontFamily:!0,fontSize:!0,fx:!0,fy:!0,gradientTransform:!0,gradientUnits:!0,markerEnd:!0,markerMid:!0,markerStart:!0,offset:!0,opacity:!0,patternContentUnits:!0,patternUnits:!0,points:!0,preserveAspectRatio:!0,r:!0,rx:!0,ry:!0,spreadMethod:!0,stopColor:!0,stopOpacity:!0,stroke:!0,strokeDasharray:!0,strokeLinecap:!0,strokeOpacity:!0,strokeWidth:!0,textAnchor:!0,transform:!0,version:!0,viewBox:!0,x1:!0,x2:!0,x:!0,xlinkActuate:!0,xlinkArcrole:!0,xlinkHref:!0,xlinkRole:!0,xlinkShow:!0,xlinkTitle:!0,xlinkType:!0,xmlBase:!0,xmlLang:!0,xmlSpace:!0,y1:!0,y2:!0,y:!0},...{autoCapitalize:!0,autoCorrect:!0,property:!0,itemProp:!0,itemScope:!0,itemType:!0,itemRef:!0,itemID:!0,unselectable:!0,results:!0,autoSave:!0},...{onCopy:!0,onCut:!0,onPaste:!0,onCompositionEnd:!0,onCompositionStart:!0,onCompositionUpdate:!0,onKeyDown:!0,onKeyPress:!0,onKeyUp:!0,onFocus:!0,onBlur:!0,onChange:!0,onInput:!0,onInvalid:!0,onReset:!0,onSubmit:!0,onError:!0,onLoad:!0,onClick:!0,onContextMenu:!0,onDoubleClick:!0,onDrag:!0,onDragEnd:!0,onDragEnter:!0,onDragExit:!0,onDragLeave:!0,onDragOver:!0,onDragStart:!0,onDrop:!0,onMouseDown:!0,onMouseEnter:!0,onMouseLeave:!0,onMouseMove:!0,onMouseOut:!0,onMouseOver:!0,onMouseUp:!0,onPointerDown:!0,onPointerMove:!0,onPointerUp:!0,onPointerCancel:!0,onGotPointerCapture:!0,onLostPointerCapture:!0,onPointerEnter:!0,onPointerLeave:!0,onPointerOver:!0,onPointerOut:!0,onSelect:!0,onTouchCancel:!0,onTouchEnd:!0,onTouchMove:!0,onTouchStart:!0,onScroll:!0,onWheel:!0,onAbort:!0,onCanPlay:!0,onCanPlayThrough:!0,onDurationChange:!0,onEmptied:!0,onEncrypted:!0,onEnded:!0,onLoadedData:!0,onLoadedMetadata:!0,onLoadStart:!0,onPause:!0,onPlay:!0,onPlaying:!0,onProgress:!0,onRateChange:!0,onSeeked:!0,onSeeking:!0,onStalled:!0,onSuspend:!0,onTimeUpdate:!0,onVolumeChange:!0,onWaiting:!0,onAnimationStart:!0,onAnimationEnd:!0,onAnimationIteration:!0,onTransitionEnd:!0,onToggle:!0}},n=i=>i.substring(0,5)==="data-",y=i=>i.substring(0,6)==="aria-",m=i=>a[i]===!0||n(i)||y(i)||i.toLowerCase()===i,p={a:!0,abbr:!0,address:!0,area:!0,article:!0,aside:!0,audio:!0,b:!0,base:!0,bdi:!0,bdo:!0,big:!0,blockquote:!0,body:!0,br:!0,button:!0,canvas:!0,caption:!0,cite:!0,code:!0,col:!0,colgroup:!0,data:!0,datalist:!0,dd:!0,del:!0,details:!0,dfn:!0,dialog:!0,div:!0,dl:!0,dt:!0,em:!0,embed:!0,fieldset:!0,figcaption:!0,figure:!0,footer:!0,form:!0,h1:!0,h2:!0,h3:!0,h4:!0,h5:!0,h6:!0,head:!0,header:!0,hr:!0,html:!0,i:!0,iframe:!0,img:!0,input:!0,ins:!0,kbd:!0,keygen:!0,label:!0,legend:!0,li:!0,link:!0,main:!0,map:!0,mark:!0,menu:!0,menuitem:!0,meta:!0,meter:!0,nav:!0,noscript:!0,object:!0,ol:!0,optgroup:!0,option:!0,output:!0,p:!0,param:!0,picture:!0,pre:!0,progress:!0,q:!0,rp:!0,rt:!0,ruby:!0,s:!0,samp:!0,script:!0,section:!0,select:!0,small:!0,source:!0,span:!0,strong:!0,style:!0,sub:!0,summary:!0,sup:!0,table:!0,tbody:!0,td:!0,textarea:!0,tfoot:!0,th:!0,thead:!0,time:!0,title:!0,tr:!0,track:!0,u:!0,ul:!0,var:!0,video:!0,wbr:!0},r=i=>p[i]===!0,k=u.A.classNamePrefix,M=(i,P,b)=>`${k}-${i}${P?`__${P}`:""}--${b}`,v=(i,P,b)=>i?Object.keys(i).reduce((S,E)=>({...S,[`${M(P,b,E)}`]:i[E]}),{}):[];var J=(i,P)=>(b,S,E,Q={})=>d.forwardRef(({innerRef:D,children:Z,classProps:K,useComponent:te,className:w,as:H,...z},h)=>{let O=v(E,b,S);typeof E=="function"&&(O=v(E({...z,...K,className:w}),b,S));const t=(0,o.A)(O),{prefix:s,propsToRemoveFromFinalElement:A=[]}=Q,{cssClassName:B}=(0,l.SR)(b,null,{...K},{prefix:s,element:S}),L={...P,...z};return A.forEach(_=>{delete L[_]}),r(b)&&Object.keys(L).forEach(_=>{m(_)||delete L[_]}),d.createElement(H||i,{ref:D||h,className:[B,t,w].join(" "),...L},Z)})},"./node_modules/.pnpm/@elliemae+ds-legacy-props-helpers@1.0.16_@elliemae+pui-theme@2.7.0_react-dom@17.0.2/node_modules/@elliemae/ds-legacy-props-helpers/dist/esm/useDeprecateComponent/index.js"(C,c,e){e.d(c,{y:()=>o});var d=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");const o=({componentName:l,version:u})=>{(0,d.useEffect)(()=>{console.warn(`Warning: ${l}:: this component will be deprecated in version: ${u}.`)},[l,u])}},"./node_modules/.pnpm/obj-str@1.1.0/node_modules/obj-str/dist/obj-str.mjs"(C,c,e){e.d(c,{A:()=>d});function d(o){var l,u="";for(l in o)o[l]&&(u&&(u+=" "),u+=l);return u}}}]);

package/demo/docs/{view-fields-masked-input-text-with-money-mask-stories.7eff06e2.iframe.bundle.js → view-fields-masked-input-text-with-money-mask-stories.b4d8fb33.iframe.bundle.js}

@@ -1,4 +1,4 @@
-"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[5974],{"./lib/view/fields/form-layout-block-item/index.tsx"(C,g,e){e.d(g,{B:()=>u});var s=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(s),y=e("./node_modules/.pnpm/@elliemae+ds-form-layout-blocks@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-blocks/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js"),v=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),n=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),c=["inputID","label"],u=function(d){var a=d.inputID,k=d.label,M=o()(d,c),T=(0,v.lN)({name:a}),p=T.errors,f=(0,v.Jt)(p,a),E=!!f,P=f?.message;return(0,n.jsx)(y.U,Object.assign({inputID:a,label:k,hasError:E,validationMessage:P},M))};u.displayName="FormLayoutBlockItem"},"./lib/view/fields/masked-input-text/index.tsx"(C,g,e){e.d(g,{B:()=>T});var s=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(s),y=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/slicedToArray.js"),v=e.n(y),n=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),c=e.n(n),u=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),d=e("./node_modules/.pnpm/@elliemae+ds-form-input-text@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-input-text/dist/esm/DSInputText.js"),a=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),k=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),M=["name","defaultValue","rules","useMask","maskOpts"],T=function(p){var f=p.name,E=p.defaultValue,P=E===void 0?"":E,L=p.rules,R=L===void 0?{}:L,ee=p.useMask,J=p.maskOpts,V=c()(p,M),ne=u.useState(P),te=v()(ne,2),oe=te[1],U=(0,a.xW)(),Z=U.setValue,se=u.useMemo(function(){return Object.assign({},J,{onChange:function($,F){return Z(f,F,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},valueSetter:oe})},[J,f,Z]),re=ee(se);return o()(a.xI,{name:f,defaultValue:P,rules:R,render:function($){var F=$.field,G=$.fieldState.error;return(0,k.jsx)(d.B,Object.assign({hasError:!!G},V,F,re))}})};T.displayName="MaskedInputText"},"./lib/view/fields/masked-input-text/with-money-mask.stories.tsx"(C,g,e){e.r(g),e.d(g,{WithMoneyMask:()=>P,__namedExportsOrder:()=>L,default:()=>f});var s=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(s),y=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),v=e("./node_modules/.pnpm/@elliemae+ds-legacy-button-v2@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-button-v2/dist/esm/DSButtonV2.js"),n=e("./node_modules/.pnpm/@elliemae+ds-form-helpers-mask-hooks@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-helpers-mask-hooks/dist/esm/hooks/useNumberMask.js"),c=e("./lib/view/form/index.tsx"),u=e("./lib/view/fields/masked-input-text/index.tsx"),d=e("./lib/view/fields/form-layout-block-item/index.tsx"),a=e("./lib/view/fields/watch-value.tsx"),k=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),M,T=`
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[5974],{"./lib/view/fields/form-layout-block-item/index.tsx"(C,g,e){e.d(g,{B:()=>u});var s=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(s),y=e("./node_modules/.pnpm/@elliemae+ds-form-layout-blocks@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-blocks/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js"),v=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),n=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),c=["inputID","label"],u=function(d){var a=d.inputID,k=d.label,M=o()(d,c),T=(0,v.lN)({name:a}),p=T.errors,f=(0,v.Jt)(p,a),E=!!f,P=f?.message;return(0,n.jsx)(y.U,Object.assign({inputID:a,label:k,hasError:E,validationMessage:P},M))};u.displayName="FormLayoutBlockItem"},"./lib/view/fields/masked-input-text/index.tsx"(C,g,e){e.d(g,{B:()=>T});var s=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(s),y=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/slicedToArray.js"),v=e.n(y),n=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),c=e.n(n),u=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),d=e("./node_modules/.pnpm/@elliemae+ds-form-input-text@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-input-text/dist/esm/DSInputText.js"),a=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),k=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),M=["name","defaultValue","rules","useMask","maskOpts"],T=function(p){var f=p.name,E=p.defaultValue,P=E===void 0?"":E,L=p.rules,R=L===void 0?{}:L,ee=p.useMask,J=p.maskOpts,V=c()(p,M),ne=u.useState(P),te=v()(ne,2),oe=te[1],U=(0,a.xW)(),Z=U.setValue,se=u.useMemo(function(){return Object.assign({},J,{onChange:function($,F){return Z(f,F,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},valueSetter:oe})},[J,f,Z]),re=ee(se);return o()(a.xI,{name:f,defaultValue:P,rules:R,render:function($){var F=$.field,G=$.fieldState.error;return(0,k.jsx)(d.B,Object.assign({hasError:!!G},V,F,re))}})};T.displayName="MaskedInputText"},"./lib/view/fields/watch-value.tsx"(C,g,e){e.d(g,{n:()=>a});var s=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(s),y=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),v=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),n=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),c,u=y.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),d=y.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),a=function(k){var M=k.name,T=k.label,p=(0,n.xW)(),f=p.watch,E=f(M,!1)||"";return o()(v.Ay,{},void 0,o()(u,{},void 0,c||(c=o()("h4",{},void 0,"Form Data:")),o()(d,{},void 0,o()("div",{},void 0,T," : ",o()("strong",{},void 0,JSON.stringify(E))))))};a.displayName="WatchValue"},"./lib/view/form/index.tsx"(C,g,e){e.d(g,{l:()=>n});var s=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),o=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),y=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),v=s.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),n=function(c){var u=c.classname,d=c.reactHookFormProps,a=d===void 0?{mode:"onBlur"}:d,k=c.children,M=c.onSubmit,T=(0,o.mN)(a),p={};M&&(p.onSubmit=T.handleSubmit(M));var f=Object.assign(T,{formProps:a});return(0,y.jsx)(o.Op,Object.assign({},f,{children:(0,y.jsx)(v,Object.assign({className:u},p,{children:k}))}))};n.displayName="Form"},"./lib/view/fields/masked-input-text/with-money-mask.stories.tsx"(C,g,e){e.r(g),e.d(g,{WithMoneyMask:()=>P,__namedExportsOrder:()=>L,default:()=>f});var s=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(s),y=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),v=e("./node_modules/.pnpm/@elliemae+ds-legacy-button-v2@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-button-v2/dist/esm/DSButtonV2.js"),n=e("./node_modules/.pnpm/@elliemae+ds-form-helpers-mask-hooks@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-helpers-mask-hooks/dist/esm/hooks/useNumberMask.js"),c=e("./lib/view/form/index.tsx"),u=e("./lib/view/fields/masked-input-text/index.tsx"),d=e("./lib/view/fields/form-layout-block-item/index.tsx"),a=e("./lib/view/fields/watch-value.tsx"),k=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),M,T=`
     
     // @ts-nocheck
     // @ts-ignore
@@ -210,4 +210,4 @@ WithMoneyMask.args = {
     required: { value: true, message: 'Please enter money' },
   },
 };
-`,locationsMap:{"with-money-mask":{startLoc:{col:64,line:17},endLoc:{col:1,line:38},startBody:{col:64,line:17},endBody:{col:1,line:38}}}}},title:"Components/Form/Controls/MaskedInputText",component:u.B};var E=function(R){return o()(y.Ay,{p:"m"},void 0,o()(c.l,{},void 0,o()(d.B,{inputID:"money",label:"Money",required:!0},void 0,(0,k.jsx)(u.B,Object.assign({},R,{useMask:n.XF,maskOpts:{decimalPlaces:2,prefix:"$",allowNegative:!0,suffix:"",includeThousandsSeparator:!0,decimalRequired:!1}}))),M||(M=o()(v.e,{},void 0,"Submit")),(0,k.jsx)(a.n,Object.assign({label:"Money"},R))))};E.displayName="Template";var P=E.bind({});P.args={id:"money",name:"money",placeholder:"$10,000",rules:{required:{value:!0,message:"Please enter money"}}};var L=["WithMoneyMask"]},"./lib/view/fields/watch-value.tsx"(C,g,e){e.d(g,{n:()=>a});var s=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(s),y=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),v=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),n=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),c,u=y.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),d=y.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),a=function(k){var M=k.name,T=k.label,p=(0,n.xW)(),f=p.watch,E=f(M,!1)||"";return o()(v.Ay,{},void 0,o()(u,{},void 0,c||(c=o()("h4",{},void 0,"Form Data:")),o()(d,{},void 0,o()("div",{},void 0,T," : ",o()("strong",{},void 0,JSON.stringify(E))))))};a.displayName="WatchValue"},"./lib/view/form/index.tsx"(C,g,e){e.d(g,{l:()=>n});var s=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),o=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),y=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),v=s.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),n=function(c){var u=c.classname,d=c.reactHookFormProps,a=d===void 0?{mode:"onBlur"}:d,k=c.children,M=c.onSubmit,T=(0,o.mN)(a),p={};M&&(p.onSubmit=T.handleSubmit(M));var f=Object.assign(T,{formProps:a});return(0,y.jsx)(o.Op,Object.assign({},f,{children:(0,y.jsx)(v,Object.assign({className:u},p,{children:k}))}))};n.displayName="Form"},"./node_modules/.pnpm/@elliemae+ds-form-helpers-mask-hooks@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-helpers-mask-hooks/dist/esm/hooks/useNumberMask.js"(C,g,e){e.d(g,{XF:()=>q});var s=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),o=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),y=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js"),v=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),n=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");const c=(_=!1)=>{const i=(0,s.useRef)(null);return(0,s.useMemo)(()=>_?s.useLayoutEffect:s.useEffect,[_])(()=>{i.current?.(),i.current=null}),j=>{i.current=j}},u=(_,i)=>{_.setSelectionRange(i,i,"forward")},d={onChange:()=>null,onKeyDown:()=>null,onBlur:()=>null},a={valueSetter:n.A.func.description("React set state function for the value").isRequired,onChange:n.A.func.description("Callback for onChange"),onKeyDown:n.A.func.description("Callback for onKeyDown")},k={...d,suffix:"",prefix:"",decimalPlaces:2,allowNegative:!1,includeThousandsSeparator:!0,decimalRequired:!1},M={...a,suffix:n.A.string.description("String will be added at the end of the input value").defaultValue(""),prefix:n.A.string.description("String will be added at the start of the input value").defaultValue(""),decimalPlaces:n.A.number.description("Number of decimals allowed").defaultValue(2),allowNegative:n.A.bool.description("Wether the input allows negative number").defaultValue(!1),includeThousandsSeparator:n.A.bool.description("Wether the integer part will be separated by thousands").defaultValue(!0),decimalRequired:n.A.bool.description("Wether decimal part is mandatory").defaultValue(!1),max:n.A.number.description("Maximum value allowed"),min:n.A.number.description("Minimum value allowed")},T={...d,isInternational:!1},p={...a,isInternational:n.A.bool.description("Use or not internaltional phone mask number").defaultValue(!1)},f={...d,filledMask:!1},E={...a,regExp:n.A.arrayOf(n.A.oneOfType([n.A.string,n.A.instanceOf(RegExp)])).description("Array with regexp or special chars per character").isRequired,filledMask:n.A.bool.description("Show blank chars positions").defaultValue(!1)},P={onChange:()=>null,onKeyDown:()=>null,onBlur:()=>null},L={...P,isInternational:!1},R={...P,filledMask:!1,regExp:[]},ee={...P},J={...P,suffix:"",prefix:"",decimalPlaces:2,allowNegative:!1,includeThousandsSeparator:!0,decimalRequired:!1},V={valueSetter:n.A.func.description("React set state function for the value").isRequired,onChange:n.A.func.description("Callback for onChange"),onKeyDown:n.A.func.description("Callback for onKeyDown")},ne={...V,regExp:n.A.arrayOf(n.A.oneOfType([n.A.string,n.A.instanceOf(RegExp)])).description("Array with regexp or special chars per character").isRequired,filledMask:n.A.bool.description("Show blank chars positions").defaultValue(!1)},te={...V,isInternational:n.A.bool.description("Use or not internaltional phone mask number").defaultValue(!1)},oe={...V,suffix:n.A.string.description("String will be added at the end of the input value").defaultValue(""),prefix:n.A.string.description("String will be added at the start of the input value").defaultValue(""),decimalPlaces:n.A.number.description("Number of decimals allowed").defaultValue(2),allowNegative:n.A.bool.description("Wether the input allows negative number").defaultValue(!1),includeThousandsSeparator:n.A.bool.description("Wether the integer part will be separated by thousands").defaultValue(!0),decimalRequired:n.A.bool.description("Wether decimal part is mandatory").defaultValue(!1)},U="useNumberMask",Z="usePhoneMask",se="useRegExpMask",re="useSSNMask",$="useZipCodeMask",F=(_,i)=>_.replace(/\B(?=(\d{3})+(?!\d))/g,i),G=(_,i,h,j,N=!1)=>{const{includeThousandsSeparator:w=!0,allowNegative:l=!1,prefix:A="",suffix:W="",decimalPlaces:S=2,decimalRequired:H=!1}=j,Y=",";let O=-1,m=[A?.length,0].includes(_.indexOf("-"))&&l?"-":"",r=!1,t=String(_).split("").filter((x,X)=>{if(r)return!1;const K=x>="0"&&x<="9";if(x==="."){if(S){const z=O===-1;return z&&(O=X),z}return r=!0,!1}return K});for(A&&t.length&&(m+=A);t.length>=2&&t[0]==="0"&&t[1]!==".";)t=t.splice(1);O=t.findIndex(x=>x===".");let D=t.slice(0,O!==-1?O:t.length);const b=t.slice(O,O+S+1);w&&(D=F(D.join(""),Y).split(""));let B=!1;O!==-1&&!(h==="Backspace"&&b.length===1)?D.length?t=[...D,...b]:(t=["0",...b],B=!0):t=H&&D.length?[...D,"."]:D,h==="Backspace"&&t.length===0&&(m="");let I=0;t[I]==="0"&&i===1+A.length&&(I+=1),B&&(I+=1);for(let x=0;x<i;x+=1)t[I]===Y&&(I+=1),t[I]===_[x]&&(I+=1);if(I+=m.length,N&&S>0&&H)if(!t.includes("."))t.length!==0&&(t=[...t,".",...Array(S).fill("0")],i>=0&&(I+=1+S));else{const X=t.indexOf("."),K=t.length-X-1;if(K<S){const z=S-K;t=[...t,...Array(z).fill("0")]}else K>S&&(t=[...t.slice(0,X+1+S)])}const Q=t.length?W:"";return[m+t.join("")+Q,I]},q=_=>{const i=(0,o.b)(_,k);(0,y.D)(i,M,U);const{valueSetter:h,onChange:j,onKeyDown:N,onBlur:w,...l}=i,A=(0,s.useRef)("Unidentified"),W=c(!0),[,S]=(0,s.useState)(0),H=(0,s.useCallback)(m=>{const r=m.target.value,{decimalRequired:t=!0,decimalPlaces:D=2,suffix:b=""}=l,B=r.indexOf("."),I=r.indexOf("-"),Q=b.length?r.indexOf(b):-1;if(t){if(B>-1){const le=r.slice(B+1,b.length?-b.length:r.length);let x="";for(;le.length+x.length!==D;)x+="0";h((b.length?r.slice(0,Q):r)+x+b)}}else r.length-b.length-1===B?h(r.replace(".","")):r.length-1===I&&h(r.replace("-",""));w&&w(m)},[w,h,l]),Y=(0,s.useCallback)(m=>{A.current=m.code,N&&N(m)},[N]),O=(0,s.useCallback)(m=>{const[r,t]=G(m.target.value,m.target.selectionEnd??0,A.current,l),D=Number(r.replace(l.prefix,"").replace(l.suffix,"").replace(/,/g,""));if(l.min!==void 0&&D<l.min){h(`${l.prefix}${l.min}${l.suffix}`),W(()=>u(m.target,t));return}if(l.max!==void 0&&D>l.max){h(`${l.prefix}${l.max}${l.suffix}`),W(()=>u(m.target,t));return}h(b=>(r===b&&S(B=>B+1),r)),j&&j(m,r),W(()=>u(m.target,t))},[h,W,j,l]);return{onKeyDown:Y,onChange:O,onBlur:H}},ie=(_,i)=>{const[h]=G(_,_.length-1,"",i,!0);return h};q.displayName=U;const ae=(0,v.A)(q);ae.propTypes=M,ae.returnType={onKeyDown:n.A.func.description("On key down event for input").isRequired,onChange:n.A.func.description("On change event for input").isRequired,onBlur:n.A.func.description("On blur event for input").isRequired}}}]);
+`,locationsMap:{"with-money-mask":{startLoc:{col:64,line:17},endLoc:{col:1,line:38},startBody:{col:64,line:17},endBody:{col:1,line:38}}}}},title:"Components/Form/Controls/MaskedInputText",component:u.B};var E=function(R){return o()(y.Ay,{p:"m"},void 0,o()(c.l,{},void 0,o()(d.B,{inputID:"money",label:"Money",required:!0},void 0,(0,k.jsx)(u.B,Object.assign({},R,{useMask:n.XF,maskOpts:{decimalPlaces:2,prefix:"$",allowNegative:!0,suffix:"",includeThousandsSeparator:!0,decimalRequired:!1}}))),M||(M=o()(v.e,{},void 0,"Submit")),(0,k.jsx)(a.n,Object.assign({label:"Money"},R))))};E.displayName="Template";var P=E.bind({});P.args={id:"money",name:"money",placeholder:"$10,000",rules:{required:{value:!0,message:"Please enter money"}}};var L=["WithMoneyMask"]},"./node_modules/.pnpm/@elliemae+ds-form-helpers-mask-hooks@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-helpers-mask-hooks/dist/esm/hooks/useNumberMask.js"(C,g,e){e.d(g,{XF:()=>q});var s=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),o=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),y=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js"),v=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),n=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");const c=(_=!1)=>{const i=(0,s.useRef)(null);return(0,s.useMemo)(()=>_?s.useLayoutEffect:s.useEffect,[_])(()=>{i.current?.(),i.current=null}),j=>{i.current=j}},u=(_,i)=>{_.setSelectionRange(i,i,"forward")},d={onChange:()=>null,onKeyDown:()=>null,onBlur:()=>null},a={valueSetter:n.A.func.description("React set state function for the value").isRequired,onChange:n.A.func.description("Callback for onChange"),onKeyDown:n.A.func.description("Callback for onKeyDown")},k={...d,suffix:"",prefix:"",decimalPlaces:2,allowNegative:!1,includeThousandsSeparator:!0,decimalRequired:!1},M={...a,suffix:n.A.string.description("String will be added at the end of the input value").defaultValue(""),prefix:n.A.string.description("String will be added at the start of the input value").defaultValue(""),decimalPlaces:n.A.number.description("Number of decimals allowed").defaultValue(2),allowNegative:n.A.bool.description("Wether the input allows negative number").defaultValue(!1),includeThousandsSeparator:n.A.bool.description("Wether the integer part will be separated by thousands").defaultValue(!0),decimalRequired:n.A.bool.description("Wether decimal part is mandatory").defaultValue(!1),max:n.A.number.description("Maximum value allowed"),min:n.A.number.description("Minimum value allowed")},T={...d,isInternational:!1},p={...a,isInternational:n.A.bool.description("Use or not internaltional phone mask number").defaultValue(!1)},f={...d,filledMask:!1},E={...a,regExp:n.A.arrayOf(n.A.oneOfType([n.A.string,n.A.instanceOf(RegExp)])).description("Array with regexp or special chars per character").isRequired,filledMask:n.A.bool.description("Show blank chars positions").defaultValue(!1)},P={onChange:()=>null,onKeyDown:()=>null,onBlur:()=>null},L={...P,isInternational:!1},R={...P,filledMask:!1,regExp:[]},ee={...P},J={...P,suffix:"",prefix:"",decimalPlaces:2,allowNegative:!1,includeThousandsSeparator:!0,decimalRequired:!1},V={valueSetter:n.A.func.description("React set state function for the value").isRequired,onChange:n.A.func.description("Callback for onChange"),onKeyDown:n.A.func.description("Callback for onKeyDown")},ne={...V,regExp:n.A.arrayOf(n.A.oneOfType([n.A.string,n.A.instanceOf(RegExp)])).description("Array with regexp or special chars per character").isRequired,filledMask:n.A.bool.description("Show blank chars positions").defaultValue(!1)},te={...V,isInternational:n.A.bool.description("Use or not internaltional phone mask number").defaultValue(!1)},oe={...V,suffix:n.A.string.description("String will be added at the end of the input value").defaultValue(""),prefix:n.A.string.description("String will be added at the start of the input value").defaultValue(""),decimalPlaces:n.A.number.description("Number of decimals allowed").defaultValue(2),allowNegative:n.A.bool.description("Wether the input allows negative number").defaultValue(!1),includeThousandsSeparator:n.A.bool.description("Wether the integer part will be separated by thousands").defaultValue(!0),decimalRequired:n.A.bool.description("Wether decimal part is mandatory").defaultValue(!1)},U="useNumberMask",Z="usePhoneMask",se="useRegExpMask",re="useSSNMask",$="useZipCodeMask",F=(_,i)=>_.replace(/\B(?=(\d{3})+(?!\d))/g,i),G=(_,i,h,j,N=!1)=>{const{includeThousandsSeparator:w=!0,allowNegative:l=!1,prefix:A="",suffix:W="",decimalPlaces:S=2,decimalRequired:H=!1}=j,Y=",";let O=-1,m=[A?.length,0].includes(_.indexOf("-"))&&l?"-":"",r=!1,t=String(_).split("").filter((x,X)=>{if(r)return!1;const K=x>="0"&&x<="9";if(x==="."){if(S){const z=O===-1;return z&&(O=X),z}return r=!0,!1}return K});for(A&&t.length&&(m+=A);t.length>=2&&t[0]==="0"&&t[1]!==".";)t=t.splice(1);O=t.findIndex(x=>x===".");let D=t.slice(0,O!==-1?O:t.length);const b=t.slice(O,O+S+1);w&&(D=F(D.join(""),Y).split(""));let B=!1;O!==-1&&!(h==="Backspace"&&b.length===1)?D.length?t=[...D,...b]:(t=["0",...b],B=!0):t=H&&D.length?[...D,"."]:D,h==="Backspace"&&t.length===0&&(m="");let I=0;t[I]==="0"&&i===1+A.length&&(I+=1),B&&(I+=1);for(let x=0;x<i;x+=1)t[I]===Y&&(I+=1),t[I]===_[x]&&(I+=1);if(I+=m.length,N&&S>0&&H)if(!t.includes("."))t.length!==0&&(t=[...t,".",...Array(S).fill("0")],i>=0&&(I+=1+S));else{const X=t.indexOf("."),K=t.length-X-1;if(K<S){const z=S-K;t=[...t,...Array(z).fill("0")]}else K>S&&(t=[...t.slice(0,X+1+S)])}const Q=t.length?W:"";return[m+t.join("")+Q,I]},q=_=>{const i=(0,o.b)(_,k);(0,y.D)(i,M,U);const{valueSetter:h,onChange:j,onKeyDown:N,onBlur:w,...l}=i,A=(0,s.useRef)("Unidentified"),W=c(!0),[,S]=(0,s.useState)(0),H=(0,s.useCallback)(m=>{const r=m.target.value,{decimalRequired:t=!0,decimalPlaces:D=2,suffix:b=""}=l,B=r.indexOf("."),I=r.indexOf("-"),Q=b.length?r.indexOf(b):-1;if(t){if(B>-1){const le=r.slice(B+1,b.length?-b.length:r.length);let x="";for(;le.length+x.length!==D;)x+="0";h((b.length?r.slice(0,Q):r)+x+b)}}else r.length-b.length-1===B?h(r.replace(".","")):r.length-1===I&&h(r.replace("-",""));w&&w(m)},[w,h,l]),Y=(0,s.useCallback)(m=>{A.current=m.code,N&&N(m)},[N]),O=(0,s.useCallback)(m=>{const[r,t]=G(m.target.value,m.target.selectionEnd??0,A.current,l),D=Number(r.replace(l.prefix,"").replace(l.suffix,"").replace(/,/g,""));if(l.min!==void 0&&D<l.min){h(`${l.prefix}${l.min}${l.suffix}`),W(()=>u(m.target,t));return}if(l.max!==void 0&&D>l.max){h(`${l.prefix}${l.max}${l.suffix}`),W(()=>u(m.target,t));return}h(b=>(r===b&&S(B=>B+1),r)),j&&j(m,r),W(()=>u(m.target,t))},[h,W,j,l]);return{onKeyDown:Y,onChange:O,onBlur:H}},ie=(_,i)=>{const[h]=G(_,_.length-1,"",i,!0);return h};q.displayName=U;const ae=(0,v.A)(q);ae.propTypes=M,ae.returnType={onKeyDown:n.A.func.description("On key down event for input").isRequired,onChange:n.A.func.description("On change event for input").isRequired,onBlur:n.A.func.description("On blur event for input").isRequired}}}]);

package/demo/{view-fields-masked-input-text-with-percentage-mask-stories.ce001747.iframe.bundle.js → docs/view-fields-masked-input-text-with-percentage-mask-stories.48c4df49.iframe.bundle.js}

@@ -1,4 +1,4 @@
-"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[8980],{"./lib/view/fields/form-layout-block-item/index.tsx"(C,P,e){e.d(P,{B:()=>d});var r=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(r),k=e("./node_modules/.pnpm/@elliemae+ds-form-layout-blocks@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-blocks/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js"),v=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),t=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),c=["inputID","label"],d=function(u){var s=u.inputID,M=u.label,g=o()(u,c),y=(0,v.lN)({name:s}),p=y.errors,f=(0,v.Jt)(p,s),O=!!f,T=f?.message;return(0,t.jsx)(k.U,Object.assign({inputID:s,label:M,hasError:O,validationMessage:T},g))};d.displayName="FormLayoutBlockItem"},"./lib/view/fields/masked-input-text/index.tsx"(C,P,e){e.d(P,{B:()=>y});var r=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(r),k=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/slicedToArray.js"),v=e.n(k),t=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),c=e.n(t),d=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),u=e("./node_modules/.pnpm/@elliemae+ds-form-input-text@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-input-text/dist/esm/DSInputText.js"),s=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),M=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),g=["name","defaultValue","rules","useMask","maskOpts"],y=function(p){var f=p.name,O=p.defaultValue,T=O===void 0?"":O,L=p.rules,V=L===void 0?{}:L,ee=p.useMask,J=p.maskOpts,F=c()(p,g),te=d.useState(T),ne=v()(te,2),oe=ne[1],w=(0,s.xW)(),Z=w.setValue,re=d.useMemo(function(){return Object.assign({},J,{onChange:function(G,R){return Z(f,R,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},valueSetter:oe})},[J,f,Z]),ae=ee(re);return o()(s.xI,{name:f,defaultValue:T,rules:V,render:function(G){var R=G.field,H=G.fieldState.error;return(0,M.jsx)(u.B,Object.assign({hasError:!!H},F,R,ae))}})};y.displayName="MaskedInputText"},"./lib/view/fields/masked-input-text/with-percentage-mask.stories.tsx"(C,P,e){e.r(P),e.d(P,{WithPercentageMask:()=>T,__namedExportsOrder:()=>L,default:()=>f});var r=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(r),k=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),v=e("./node_modules/.pnpm/@elliemae+ds-legacy-button-v2@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-button-v2/dist/esm/DSButtonV2.js"),t=e("./node_modules/.pnpm/@elliemae+ds-form-helpers-mask-hooks@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-helpers-mask-hooks/dist/esm/hooks/useNumberMask.js"),c=e("./lib/view/form/index.tsx"),d=e("./lib/view/fields/masked-input-text/index.tsx"),u=e("./lib/view/fields/form-layout-block-item/index.tsx"),s=e("./lib/view/fields/watch-value.tsx"),M=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),g,y=`
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[8980],{"./lib/view/fields/form-layout-block-item/index.tsx"(C,P,e){e.d(P,{B:()=>d});var r=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(r),k=e("./node_modules/.pnpm/@elliemae+ds-form-layout-blocks@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-blocks/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js"),v=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),t=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),c=["inputID","label"],d=function(u){var s=u.inputID,M=u.label,g=o()(u,c),y=(0,v.lN)({name:s}),p=y.errors,f=(0,v.Jt)(p,s),O=!!f,T=f?.message;return(0,t.jsx)(k.U,Object.assign({inputID:s,label:M,hasError:O,validationMessage:T},g))};d.displayName="FormLayoutBlockItem"},"./lib/view/fields/masked-input-text/index.tsx"(C,P,e){e.d(P,{B:()=>y});var r=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(r),k=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/slicedToArray.js"),v=e.n(k),t=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),c=e.n(t),d=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),u=e("./node_modules/.pnpm/@elliemae+ds-form-input-text@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-input-text/dist/esm/DSInputText.js"),s=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),M=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),g=["name","defaultValue","rules","useMask","maskOpts"],y=function(p){var f=p.name,O=p.defaultValue,T=O===void 0?"":O,L=p.rules,V=L===void 0?{}:L,ee=p.useMask,J=p.maskOpts,F=c()(p,g),te=d.useState(T),ne=v()(te,2),oe=ne[1],w=(0,s.xW)(),Z=w.setValue,re=d.useMemo(function(){return Object.assign({},J,{onChange:function(G,R){return Z(f,R,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},valueSetter:oe})},[J,f,Z]),ae=ee(re);return o()(s.xI,{name:f,defaultValue:T,rules:V,render:function(G){var R=G.field,H=G.fieldState.error;return(0,M.jsx)(u.B,Object.assign({hasError:!!H},F,R,ae))}})};y.displayName="MaskedInputText"},"./lib/view/fields/watch-value.tsx"(C,P,e){e.d(P,{n:()=>s});var r=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(r),k=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),v=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),t=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),c,d=k.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),u=k.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),s=function(M){var g=M.name,y=M.label,p=(0,t.xW)(),f=p.watch,O=f(g,!1)||"";return o()(v.Ay,{},void 0,o()(d,{},void 0,c||(c=o()("h4",{},void 0,"Form Data:")),o()(u,{},void 0,o()("div",{},void 0,y," : ",o()("strong",{},void 0,JSON.stringify(O))))))};s.displayName="WatchValue"},"./lib/view/form/index.tsx"(C,P,e){e.d(P,{l:()=>t});var r=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),o=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),k=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),v=r.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),t=function(c){var d=c.classname,u=c.reactHookFormProps,s=u===void 0?{mode:"onBlur"}:u,M=c.children,g=c.onSubmit,y=(0,o.mN)(s),p={};g&&(p.onSubmit=y.handleSubmit(g));var f=Object.assign(y,{formProps:s});return(0,k.jsx)(o.Op,Object.assign({},f,{children:(0,k.jsx)(v,Object.assign({className:d},p,{children:M}))}))};t.displayName="Form"},"./lib/view/fields/masked-input-text/with-percentage-mask.stories.tsx"(C,P,e){e.r(P),e.d(P,{WithPercentageMask:()=>T,__namedExportsOrder:()=>L,default:()=>f});var r=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(r),k=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),v=e("./node_modules/.pnpm/@elliemae+ds-legacy-button-v2@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-button-v2/dist/esm/DSButtonV2.js"),t=e("./node_modules/.pnpm/@elliemae+ds-form-helpers-mask-hooks@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-helpers-mask-hooks/dist/esm/hooks/useNumberMask.js"),c=e("./lib/view/form/index.tsx"),d=e("./lib/view/fields/masked-input-text/index.tsx"),u=e("./lib/view/fields/form-layout-block-item/index.tsx"),s=e("./lib/view/fields/watch-value.tsx"),M=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),g,y=`
     
     // @ts-nocheck
     // @ts-ignore
@@ -182,4 +182,4 @@ WithPercentageMask.args = {
     required: { value: true, message: 'Please enter a percentage' },
   },
 };
-`,locationsMap:{"with-percentage-mask":{startLoc:{col:64,line:17},endLoc:{col:1,line:32},startBody:{col:64,line:17},endBody:{col:1,line:32}}}}},title:"Components/Form/Controls/MaskedInputText",component:d.B};var O=function(V){return o()(k.Ay,{p:"m"},void 0,o()(c.l,{},void 0,o()(u.B,{inputID:"percentage",label:"Percentage",required:!0},void 0,(0,M.jsx)(d.B,Object.assign({},V,{placeholder:"100.00%",useMask:t.XF,maskOpts:{decimalPlaces:2,suffix:"%"}}))),g||(g=o()(v.e,{},void 0,"Submit")),(0,M.jsx)(s.n,Object.assign({label:"Percentage"},V))))};O.displayName="Template";var T=O.bind({});T.args={id:"percentage",name:"percentage",rules:{required:{value:!0,message:"Please enter a percentage"}}};var L=["WithPercentageMask"]},"./lib/view/fields/watch-value.tsx"(C,P,e){e.d(P,{n:()=>s});var r=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(r),k=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),v=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),t=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),c,d=k.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),u=k.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),s=function(M){var g=M.name,y=M.label,p=(0,t.xW)(),f=p.watch,O=f(g,!1)||"";return o()(v.Ay,{},void 0,o()(d,{},void 0,c||(c=o()("h4",{},void 0,"Form Data:")),o()(u,{},void 0,o()("div",{},void 0,y," : ",o()("strong",{},void 0,JSON.stringify(O))))))};s.displayName="WatchValue"},"./lib/view/form/index.tsx"(C,P,e){e.d(P,{l:()=>t});var r=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),o=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),k=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),v=r.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),t=function(c){var d=c.classname,u=c.reactHookFormProps,s=u===void 0?{mode:"onBlur"}:u,M=c.children,g=c.onSubmit,y=(0,o.mN)(s),p={};g&&(p.onSubmit=y.handleSubmit(g));var f=Object.assign(y,{formProps:s});return(0,k.jsx)(o.Op,Object.assign({},f,{children:(0,k.jsx)(v,Object.assign({className:d},p,{children:M}))}))};t.displayName="Form"},"./node_modules/.pnpm/@elliemae+ds-form-helpers-mask-hooks@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-helpers-mask-hooks/dist/esm/hooks/useNumberMask.js"(C,P,e){e.d(P,{XF:()=>Q});var r=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),o=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),k=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js"),v=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),t=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");const c=(_=!1)=>{const i=(0,r.useRef)(null);return(0,r.useMemo)(()=>_?r.useLayoutEffect:r.useEffect,[_])(()=>{i.current?.(),i.current=null}),j=>{i.current=j}},d=(_,i)=>{_.setSelectionRange(i,i,"forward")},u={onChange:()=>null,onKeyDown:()=>null,onBlur:()=>null},s={valueSetter:t.A.func.description("React set state function for the value").isRequired,onChange:t.A.func.description("Callback for onChange"),onKeyDown:t.A.func.description("Callback for onKeyDown")},M={...u,suffix:"",prefix:"",decimalPlaces:2,allowNegative:!1,includeThousandsSeparator:!0,decimalRequired:!1},g={...s,suffix:t.A.string.description("String will be added at the end of the input value").defaultValue(""),prefix:t.A.string.description("String will be added at the start of the input value").defaultValue(""),decimalPlaces:t.A.number.description("Number of decimals allowed").defaultValue(2),allowNegative:t.A.bool.description("Wether the input allows negative number").defaultValue(!1),includeThousandsSeparator:t.A.bool.description("Wether the integer part will be separated by thousands").defaultValue(!0),decimalRequired:t.A.bool.description("Wether decimal part is mandatory").defaultValue(!1),max:t.A.number.description("Maximum value allowed"),min:t.A.number.description("Minimum value allowed")},y={...u,isInternational:!1},p={...s,isInternational:t.A.bool.description("Use or not internaltional phone mask number").defaultValue(!1)},f={...u,filledMask:!1},O={...s,regExp:t.A.arrayOf(t.A.oneOfType([t.A.string,t.A.instanceOf(RegExp)])).description("Array with regexp or special chars per character").isRequired,filledMask:t.A.bool.description("Show blank chars positions").defaultValue(!1)},T={onChange:()=>null,onKeyDown:()=>null,onBlur:()=>null},L={...T,isInternational:!1},V={...T,filledMask:!1,regExp:[]},ee={...T},J={...T,suffix:"",prefix:"",decimalPlaces:2,allowNegative:!1,includeThousandsSeparator:!0,decimalRequired:!1},F={valueSetter:t.A.func.description("React set state function for the value").isRequired,onChange:t.A.func.description("Callback for onChange"),onKeyDown:t.A.func.description("Callback for onKeyDown")},te={...F,regExp:t.A.arrayOf(t.A.oneOfType([t.A.string,t.A.instanceOf(RegExp)])).description("Array with regexp or special chars per character").isRequired,filledMask:t.A.bool.description("Show blank chars positions").defaultValue(!1)},ne={...F,isInternational:t.A.bool.description("Use or not internaltional phone mask number").defaultValue(!1)},oe={...F,suffix:t.A.string.description("String will be added at the end of the input value").defaultValue(""),prefix:t.A.string.description("String will be added at the start of the input value").defaultValue(""),decimalPlaces:t.A.number.description("Number of decimals allowed").defaultValue(2),allowNegative:t.A.bool.description("Wether the input allows negative number").defaultValue(!1),includeThousandsSeparator:t.A.bool.description("Wether the integer part will be separated by thousands").defaultValue(!0),decimalRequired:t.A.bool.description("Wether decimal part is mandatory").defaultValue(!1)},w="useNumberMask",Z="usePhoneMask",re="useRegExpMask",ae="useSSNMask",G="useZipCodeMask",R=(_,i)=>_.replace(/\B(?=(\d{3})+(?!\d))/g,i),H=(_,i,h,j,N=!1)=>{const{includeThousandsSeparator:K=!0,allowNegative:l=!1,prefix:A="",suffix:W="",decimalPlaces:E=2,decimalRequired:$=!1}=j,Y=",";let B=-1,m=[A?.length,0].includes(_.indexOf("-"))&&l?"-":"",a=!1,n=String(_).split("").filter((x,X)=>{if(a)return!1;const U=x>="0"&&x<="9";if(x==="."){if(E){const z=B===-1;return z&&(B=X),z}return a=!0,!1}return U});for(A&&n.length&&(m+=A);n.length>=2&&n[0]==="0"&&n[1]!==".";)n=n.splice(1);B=n.findIndex(x=>x===".");let D=n.slice(0,B!==-1?B:n.length);const b=n.slice(B,B+E+1);K&&(D=R(D.join(""),Y).split(""));let S=!1;B!==-1&&!(h==="Backspace"&&b.length===1)?D.length?n=[...D,...b]:(n=["0",...b],S=!0):n=$&&D.length?[...D,"."]:D,h==="Backspace"&&n.length===0&&(m="");let I=0;n[I]==="0"&&i===1+A.length&&(I+=1),S&&(I+=1);for(let x=0;x<i;x+=1)n[I]===Y&&(I+=1),n[I]===_[x]&&(I+=1);if(I+=m.length,N&&E>0&&$)if(!n.includes("."))n.length!==0&&(n=[...n,".",...Array(E).fill("0")],i>=0&&(I+=1+E));else{const X=n.indexOf("."),U=n.length-X-1;if(U<E){const z=E-U;n=[...n,...Array(z).fill("0")]}else U>E&&(n=[...n.slice(0,X+1+E)])}const q=n.length?W:"";return[m+n.join("")+q,I]},Q=_=>{const i=(0,o.b)(_,M);(0,k.D)(i,g,w);const{valueSetter:h,onChange:j,onKeyDown:N,onBlur:K,...l}=i,A=(0,r.useRef)("Unidentified"),W=c(!0),[,E]=(0,r.useState)(0),$=(0,r.useCallback)(m=>{const a=m.target.value,{decimalRequired:n=!0,decimalPlaces:D=2,suffix:b=""}=l,S=a.indexOf("."),I=a.indexOf("-"),q=b.length?a.indexOf(b):-1;if(n){if(S>-1){const le=a.slice(S+1,b.length?-b.length:a.length);let x="";for(;le.length+x.length!==D;)x+="0";h((b.length?a.slice(0,q):a)+x+b)}}else a.length-b.length-1===S?h(a.replace(".","")):a.length-1===I&&h(a.replace("-",""));K&&K(m)},[K,h,l]),Y=(0,r.useCallback)(m=>{A.current=m.code,N&&N(m)},[N]),B=(0,r.useCallback)(m=>{const[a,n]=H(m.target.value,m.target.selectionEnd??0,A.current,l),D=Number(a.replace(l.prefix,"").replace(l.suffix,"").replace(/,/g,""));if(l.min!==void 0&&D<l.min){h(`${l.prefix}${l.min}${l.suffix}`),W(()=>d(m.target,n));return}if(l.max!==void 0&&D>l.max){h(`${l.prefix}${l.max}${l.suffix}`),W(()=>d(m.target,n));return}h(b=>(a===b&&E(S=>S+1),a)),j&&j(m,a),W(()=>d(m.target,n))},[h,W,j,l]);return{onKeyDown:Y,onChange:B,onBlur:$}},ie=(_,i)=>{const[h]=H(_,_.length-1,"",i,!0);return h};Q.displayName=w;const se=(0,v.A)(Q);se.propTypes=g,se.returnType={onKeyDown:t.A.func.description("On key down event for input").isRequired,onChange:t.A.func.description("On change event for input").isRequired,onBlur:t.A.func.description("On blur event for input").isRequired}}}]);
+`,locationsMap:{"with-percentage-mask":{startLoc:{col:64,line:17},endLoc:{col:1,line:32},startBody:{col:64,line:17},endBody:{col:1,line:32}}}}},title:"Components/Form/Controls/MaskedInputText",component:d.B};var O=function(V){return o()(k.Ay,{p:"m"},void 0,o()(c.l,{},void 0,o()(u.B,{inputID:"percentage",label:"Percentage",required:!0},void 0,(0,M.jsx)(d.B,Object.assign({},V,{placeholder:"100.00%",useMask:t.XF,maskOpts:{decimalPlaces:2,suffix:"%"}}))),g||(g=o()(v.e,{},void 0,"Submit")),(0,M.jsx)(s.n,Object.assign({label:"Percentage"},V))))};O.displayName="Template";var T=O.bind({});T.args={id:"percentage",name:"percentage",rules:{required:{value:!0,message:"Please enter a percentage"}}};var L=["WithPercentageMask"]},"./node_modules/.pnpm/@elliemae+ds-form-helpers-mask-hooks@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-helpers-mask-hooks/dist/esm/hooks/useNumberMask.js"(C,P,e){e.d(P,{XF:()=>Q});var r=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),o=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),k=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js"),v=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),t=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");const c=(_=!1)=>{const i=(0,r.useRef)(null);return(0,r.useMemo)(()=>_?r.useLayoutEffect:r.useEffect,[_])(()=>{i.current?.(),i.current=null}),j=>{i.current=j}},d=(_,i)=>{_.setSelectionRange(i,i,"forward")},u={onChange:()=>null,onKeyDown:()=>null,onBlur:()=>null},s={valueSetter:t.A.func.description("React set state function for the value").isRequired,onChange:t.A.func.description("Callback for onChange"),onKeyDown:t.A.func.description("Callback for onKeyDown")},M={...u,suffix:"",prefix:"",decimalPlaces:2,allowNegative:!1,includeThousandsSeparator:!0,decimalRequired:!1},g={...s,suffix:t.A.string.description("String will be added at the end of the input value").defaultValue(""),prefix:t.A.string.description("String will be added at the start of the input value").defaultValue(""),decimalPlaces:t.A.number.description("Number of decimals allowed").defaultValue(2),allowNegative:t.A.bool.description("Wether the input allows negative number").defaultValue(!1),includeThousandsSeparator:t.A.bool.description("Wether the integer part will be separated by thousands").defaultValue(!0),decimalRequired:t.A.bool.description("Wether decimal part is mandatory").defaultValue(!1),max:t.A.number.description("Maximum value allowed"),min:t.A.number.description("Minimum value allowed")},y={...u,isInternational:!1},p={...s,isInternational:t.A.bool.description("Use or not internaltional phone mask number").defaultValue(!1)},f={...u,filledMask:!1},O={...s,regExp:t.A.arrayOf(t.A.oneOfType([t.A.string,t.A.instanceOf(RegExp)])).description("Array with regexp or special chars per character").isRequired,filledMask:t.A.bool.description("Show blank chars positions").defaultValue(!1)},T={onChange:()=>null,onKeyDown:()=>null,onBlur:()=>null},L={...T,isInternational:!1},V={...T,filledMask:!1,regExp:[]},ee={...T},J={...T,suffix:"",prefix:"",decimalPlaces:2,allowNegative:!1,includeThousandsSeparator:!0,decimalRequired:!1},F={valueSetter:t.A.func.description("React set state function for the value").isRequired,onChange:t.A.func.description("Callback for onChange"),onKeyDown:t.A.func.description("Callback for onKeyDown")},te={...F,regExp:t.A.arrayOf(t.A.oneOfType([t.A.string,t.A.instanceOf(RegExp)])).description("Array with regexp or special chars per character").isRequired,filledMask:t.A.bool.description("Show blank chars positions").defaultValue(!1)},ne={...F,isInternational:t.A.bool.description("Use or not internaltional phone mask number").defaultValue(!1)},oe={...F,suffix:t.A.string.description("String will be added at the end of the input value").defaultValue(""),prefix:t.A.string.description("String will be added at the start of the input value").defaultValue(""),decimalPlaces:t.A.number.description("Number of decimals allowed").defaultValue(2),allowNegative:t.A.bool.description("Wether the input allows negative number").defaultValue(!1),includeThousandsSeparator:t.A.bool.description("Wether the integer part will be separated by thousands").defaultValue(!0),decimalRequired:t.A.bool.description("Wether decimal part is mandatory").defaultValue(!1)},w="useNumberMask",Z="usePhoneMask",re="useRegExpMask",ae="useSSNMask",G="useZipCodeMask",R=(_,i)=>_.replace(/\B(?=(\d{3})+(?!\d))/g,i),H=(_,i,h,j,N=!1)=>{const{includeThousandsSeparator:K=!0,allowNegative:l=!1,prefix:A="",suffix:W="",decimalPlaces:E=2,decimalRequired:$=!1}=j,Y=",";let B=-1,m=[A?.length,0].includes(_.indexOf("-"))&&l?"-":"",a=!1,n=String(_).split("").filter((x,X)=>{if(a)return!1;const U=x>="0"&&x<="9";if(x==="."){if(E){const z=B===-1;return z&&(B=X),z}return a=!0,!1}return U});for(A&&n.length&&(m+=A);n.length>=2&&n[0]==="0"&&n[1]!==".";)n=n.splice(1);B=n.findIndex(x=>x===".");let D=n.slice(0,B!==-1?B:n.length);const b=n.slice(B,B+E+1);K&&(D=R(D.join(""),Y).split(""));let S=!1;B!==-1&&!(h==="Backspace"&&b.length===1)?D.length?n=[...D,...b]:(n=["0",...b],S=!0):n=$&&D.length?[...D,"."]:D,h==="Backspace"&&n.length===0&&(m="");let I=0;n[I]==="0"&&i===1+A.length&&(I+=1),S&&(I+=1);for(let x=0;x<i;x+=1)n[I]===Y&&(I+=1),n[I]===_[x]&&(I+=1);if(I+=m.length,N&&E>0&&$)if(!n.includes("."))n.length!==0&&(n=[...n,".",...Array(E).fill("0")],i>=0&&(I+=1+E));else{const X=n.indexOf("."),U=n.length-X-1;if(U<E){const z=E-U;n=[...n,...Array(z).fill("0")]}else U>E&&(n=[...n.slice(0,X+1+E)])}const q=n.length?W:"";return[m+n.join("")+q,I]},Q=_=>{const i=(0,o.b)(_,M);(0,k.D)(i,g,w);const{valueSetter:h,onChange:j,onKeyDown:N,onBlur:K,...l}=i,A=(0,r.useRef)("Unidentified"),W=c(!0),[,E]=(0,r.useState)(0),$=(0,r.useCallback)(m=>{const a=m.target.value,{decimalRequired:n=!0,decimalPlaces:D=2,suffix:b=""}=l,S=a.indexOf("."),I=a.indexOf("-"),q=b.length?a.indexOf(b):-1;if(n){if(S>-1){const le=a.slice(S+1,b.length?-b.length:a.length);let x="";for(;le.length+x.length!==D;)x+="0";h((b.length?a.slice(0,q):a)+x+b)}}else a.length-b.length-1===S?h(a.replace(".","")):a.length-1===I&&h(a.replace("-",""));K&&K(m)},[K,h,l]),Y=(0,r.useCallback)(m=>{A.current=m.code,N&&N(m)},[N]),B=(0,r.useCallback)(m=>{const[a,n]=H(m.target.value,m.target.selectionEnd??0,A.current,l),D=Number(a.replace(l.prefix,"").replace(l.suffix,"").replace(/,/g,""));if(l.min!==void 0&&D<l.min){h(`${l.prefix}${l.min}${l.suffix}`),W(()=>d(m.target,n));return}if(l.max!==void 0&&D>l.max){h(`${l.prefix}${l.max}${l.suffix}`),W(()=>d(m.target,n));return}h(b=>(a===b&&E(S=>S+1),a)),j&&j(m,a),W(()=>d(m.target,n))},[h,W,j,l]);return{onKeyDown:Y,onChange:B,onBlur:$}},ie=(_,i)=>{const[h]=H(_,_.length-1,"",i,!0);return h};Q.displayName=w;const se=(0,v.A)(Q);se.propTypes=g,se.returnType={onKeyDown:t.A.func.description("On key down event for input").isRequired,onChange:t.A.func.description("On change event for input").isRequired,onBlur:t.A.func.description("On blur event for input").isRequired}}}]);

package/demo/{view-fields-radio-group-index-stories.41231f7f.iframe.bundle.js → docs/view-fields-radio-group-index-stories.e2c8cc6c.iframe.bundle.js}

@@ -1,4 +1,4 @@
-"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[2977],{"./lib/view/fields/connect-form.tsx"(R,l,e){e.d(l,{$:()=>n});var c=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),n=function(t){var o=t.children,i=(0,c.xW)();return o(Object.assign({},i))}},"./lib/view/fields/radio-group/index.stories.tsx"(R,l,e){e.r(l),e.d(l,{Basic:()=>S,__namedExportsOrder:()=>O,default:()=>T});var c=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),n=e.n(c),t=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(t),i=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),s=e("./node_modules/.pnpm/@elliemae+ds-legacy-button-v2@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-button-v2/dist/esm/DSButtonV2.js"),g=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),u=e("./lib/view/fields/radio/index.tsx"),p=e("./node_modules/.pnpm/@elliemae+ds-legacy-form@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-form/dist/esm/RadioGroup/DSRadioGroup.js"),r=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),a=["name","rules","defaultValue"],b=["value"],m=function(d){var G=d.name,f=d.rules,y=f===void 0?{}:f,E=d.defaultValue,F=o()(d,a);return n()(g.xI,{name:G,rules:y,defaultValue:E,render:function(D){var V=D.field,W=V.value,L=o()(V,b);return(0,r.jsx)(p.Q_,Object.assign({},F,L,{activeValue:W}))}})};m.displayName="RadioGroup";var v=e("./lib/view/form/index.tsx"),_=e("./lib/view/fields/connect-form.tsx"),C=e("./lib/view/fields/watch-value.tsx"),P,j=["feedbackMessage","name"],k=["name"],x=`
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[2977],{"./lib/view/fields/connect-form.tsx"(R,l,e){e.d(l,{$:()=>n});var c=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),n=function(t){var o=t.children,i=(0,c.xW)();return o(Object.assign({},i))}},"./lib/view/fields/radio/index.tsx"(R,l,e){e.d(l,{s:()=>r});var c=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),n=e.n(c),t=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(t),i=e("./node_modules/.pnpm/@elliemae+ds-form-radio@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-radio/dist/esm/index.js"),s=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),g=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),u=["name","defaultChecked","rules","labelText"],p=["onChange","value"],r=function(a){var b=a.name,m=a.defaultChecked,v=m===void 0?!1:m,_=a.rules,C=_===void 0?{}:_,P=a.labelText,j=o()(a,u);return n()(s.xI,{name:b,rules:C,defaultValue:v,render:function(k){var x,M=k.field,B=M.onChange,h=M.value,T=o()(M,p);return(0,g.jsx)(i.vz,Object.assign({label:P},j,T,{value:(x=j.value)!==null&&x!==void 0?x:h.toString(),checked:h,onChange:function(S){return B(!((S||{}).target||{}).checked)}}))}})};r.displayName="Radio"},"./lib/view/fields/watch-value.tsx"(R,l,e){e.d(l,{n:()=>p});var c=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),n=e.n(c),t=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),o=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),i=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),s,g=t.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),u=t.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),p=function(r){var a=r.name,b=r.label,m=(0,i.xW)(),v=m.watch,_=v(a,!1)||"";return n()(o.Ay,{},void 0,n()(g,{},void 0,s||(s=n()("h4",{},void 0,"Form Data:")),n()(u,{},void 0,n()("div",{},void 0,b," : ",n()("strong",{},void 0,JSON.stringify(_))))))};p.displayName="WatchValue"},"./lib/view/form/index.tsx"(R,l,e){e.d(l,{l:()=>i});var c=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),n=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),t=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),o=c.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),i=function(s){var g=s.classname,u=s.reactHookFormProps,p=u===void 0?{mode:"onBlur"}:u,r=s.children,a=s.onSubmit,b=(0,n.mN)(p),m={};a&&(m.onSubmit=b.handleSubmit(a));var v=Object.assign(b,{formProps:p});return(0,t.jsx)(n.Op,Object.assign({},v,{children:(0,t.jsx)(o,Object.assign({className:g},m,{children:r}))}))};i.displayName="Form"},"./lib/view/fields/radio-group/index.stories.tsx"(R,l,e){e.r(l),e.d(l,{Basic:()=>S,__namedExportsOrder:()=>O,default:()=>T});var c=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),n=e.n(c),t=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(t),i=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),s=e("./node_modules/.pnpm/@elliemae+ds-legacy-button-v2@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-button-v2/dist/esm/DSButtonV2.js"),g=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),u=e("./lib/view/fields/radio/index.tsx"),p=e("./node_modules/.pnpm/@elliemae+ds-legacy-form@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-form/dist/esm/RadioGroup/DSRadioGroup.js"),r=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),a=["name","rules","defaultValue"],b=["value"],m=function(d){var G=d.name,f=d.rules,y=f===void 0?{}:f,E=d.defaultValue,F=o()(d,a);return n()(g.xI,{name:G,rules:y,defaultValue:E,render:function(D){var V=D.field,W=V.value,L=o()(V,b);return(0,r.jsx)(p.Q_,Object.assign({},F,L,{activeValue:W}))}})};m.displayName="RadioGroup";var v=e("./lib/view/form/index.tsx"),_=e("./lib/view/fields/connect-form.tsx"),C=e("./lib/view/fields/watch-value.tsx"),P,j=["feedbackMessage","name"],k=["name"],x=`
     
     // @ts-nocheck
     // @ts-ignore
@@ -278,4 +278,4 @@ Basic.args = {
   rules: { required: { value: true, message: 'Please select a gender' } },
   defaultValue: '',
 };
-`,locationsMap:{basic:{startLoc:{col:41,line:35},endLoc:{col:1,line:53},startBody:{col:41,line:35},endBody:{col:1,line:53}}}}},title:"Components/Form/Controls/RadioGroup",component:m};var S=h.bind({});S.args={name:"gender",rules:{required:{value:!0,message:"Please select a gender"}},defaultValue:""};var O=["Basic"]},"./lib/view/fields/radio/index.tsx"(R,l,e){e.d(l,{s:()=>r});var c=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),n=e.n(c),t=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(t),i=e("./node_modules/.pnpm/@elliemae+ds-form-radio@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-radio/dist/esm/index.js"),s=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),g=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),u=["name","defaultChecked","rules","labelText"],p=["onChange","value"],r=function(a){var b=a.name,m=a.defaultChecked,v=m===void 0?!1:m,_=a.rules,C=_===void 0?{}:_,P=a.labelText,j=o()(a,u);return n()(s.xI,{name:b,rules:C,defaultValue:v,render:function(k){var x,M=k.field,B=M.onChange,h=M.value,T=o()(M,p);return(0,g.jsx)(i.vz,Object.assign({label:P},j,T,{value:(x=j.value)!==null&&x!==void 0?x:h.toString(),checked:h,onChange:function(S){return B(!((S||{}).target||{}).checked)}}))}})};r.displayName="Radio"},"./lib/view/fields/watch-value.tsx"(R,l,e){e.d(l,{n:()=>p});var c=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),n=e.n(c),t=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),o=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),i=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),s,g=t.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),u=t.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),p=function(r){var a=r.name,b=r.label,m=(0,i.xW)(),v=m.watch,_=v(a,!1)||"";return n()(o.Ay,{},void 0,n()(g,{},void 0,s||(s=n()("h4",{},void 0,"Form Data:")),n()(u,{},void 0,n()("div",{},void 0,b," : ",n()("strong",{},void 0,JSON.stringify(_))))))};p.displayName="WatchValue"},"./lib/view/form/index.tsx"(R,l,e){e.d(l,{l:()=>i});var c=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),n=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),t=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),o=c.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),i=function(s){var g=s.classname,u=s.reactHookFormProps,p=u===void 0?{mode:"onBlur"}:u,r=s.children,a=s.onSubmit,b=(0,n.mN)(p),m={};a&&(m.onSubmit=b.handleSubmit(a));var v=Object.assign(b,{formProps:p});return(0,t.jsx)(n.Op,Object.assign({},v,{children:(0,t.jsx)(o,Object.assign({className:g},m,{children:r}))}))};i.displayName="Form"}}]);
+`,locationsMap:{basic:{startLoc:{col:41,line:35},endLoc:{col:1,line:53},startBody:{col:41,line:35},endBody:{col:1,line:53}}}}},title:"Components/Form/Controls/RadioGroup",component:m};var S=h.bind({});S.args={name:"gender",rules:{required:{value:!0,message:"Please select a gender"}},defaultValue:""};var O=["Basic"]}}]);