forstok-ui-lib 8.10.0 → 8.10.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +12 -8
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/date/index.tsx +101 -59
- package/src/components/date/ref.tsx +88 -63
- package/src/components/textarea/ref.tsx +8 -2
package/dist/index.mjs
CHANGED
|
@@ -4562,7 +4562,7 @@ function Q(e,t){if(!1===e||null==e)throw new Error(t)}function P(e,t){if(!e){"un
|
|
|
4562
4562
|
${({$isError:e})=>{if(e)return n`
|
|
4563
4563
|
border:1px solid var(--err-clr-ln);
|
|
4564
4564
|
`}}
|
|
4565
|
-
`,jo=i=>{var r,{$isError:n,reset:a,setReset:d,isForceUpdate:s,setForceUpdate:c,evChange:p,evBlur:h,isField:g,evChangeCustom:m,$isEmoji:x,$emojiStyles:u}=i,v=O(i,["$isError","reset","setReset","isForceUpdate","setForceUpdate","evChange","evBlur","isField","evChangeCustom","$isEmoji","$emojiStyles"]);const w=C(null),{name:F,defaultValue:f,disabled:y}=v,[A,b]=o(null!==(r=null==f?void 0:f.toString())&&void 0!==r?r:"");l((()=>{var e;s&&(b(null!==(e=null==f?void 0:f.toString())&&void 0!==e?e:""),c&&c(!1)),a&&(b(""),d&&d(!1))}),[s,c,a,d,f]);const D=e=>{const t=e.target.value;b(t)};let E=Object.assign({},v);return delete E.defaultValue,delete E.disabled,t("div",{style:{position:"relative"},children:[e(Io,Object.assign({ref:w,$isError:n,value:A,onChange:e=>{D(e),p&&p(e)},onBlur:e=>{D(e),(e=>{h&&h(e),g&&F&&m&&m(F,e.target.value)})(e)},disabled:y},E)),x?e(Lo,Object.assign({$mode:"textarea",evChange:e=>{var t;const i=A+e;if(b(i),F&&(null===(t=document.getElementsByName(F)[0])||void 0===t||t.focus()),w.current){const e={target:w.current,currentTarget:w.current};w.current.value=i,p&&p(e)}},isDisabled:y},u&&{style:u})):null]})},Qo=d(((i,r)=>{var{$isError:n,$isEmoji:a,$emojiStyles:o}=i,
|
|
4565
|
+
`,jo=i=>{var r,{$isError:n,reset:a,setReset:d,isForceUpdate:s,setForceUpdate:c,evChange:p,evBlur:h,isField:g,evChangeCustom:m,$isEmoji:x,$emojiStyles:u}=i,v=O(i,["$isError","reset","setReset","isForceUpdate","setForceUpdate","evChange","evBlur","isField","evChangeCustom","$isEmoji","$emojiStyles"]);const w=C(null),{name:F,defaultValue:f,disabled:y}=v,[A,b]=o(null!==(r=null==f?void 0:f.toString())&&void 0!==r?r:"");l((()=>{var e;s&&(b(null!==(e=null==f?void 0:f.toString())&&void 0!==e?e:""),c&&c(!1)),a&&(b(""),d&&d(!1))}),[s,c,a,d,f]);const D=e=>{const t=e.target.value;b(t)};let E=Object.assign({},v);return delete E.defaultValue,delete E.disabled,t("div",{style:{position:"relative"},children:[e(Io,Object.assign({ref:w,$isError:n,value:A,onChange:e=>{D(e),p&&p(e)},onBlur:e=>{D(e),(e=>{h&&h(e),g&&F&&m&&m(F,e.target.value)})(e)},disabled:y},E)),x?e(Lo,Object.assign({$mode:"textarea",evChange:e=>{var t;const i=A+e;if(b(i),F&&(null===(t=document.getElementsByName(F)[0])||void 0===t||t.focus()),w.current){const e={target:w.current,currentTarget:w.current};w.current.value=i,p&&p(e)}},isDisabled:y},u&&{style:u})):null]})},Qo=d(((i,r)=>{var{$isError:n,$isEmoji:a,$emojiStyles:o,disabled:l}=i,d=O(i,["$isError","$isEmoji","$emojiStyles","disabled"]);const s=C(null);h(r,(()=>s.current));return t("div",{style:{position:"relative"},children:[e(Io,Object.assign({ref:s,$isError:n,disabled:l},d)),a?e(Lo,Object.assign({$mode:"textarea",evChange:e=>{var t,i,r;const n=s.current;if(!n)return;const a=null!==(t=n.selectionStart)&&void 0!==t?t:n.value.length,o=null!==(i=n.selectionEnd)&&void 0!==i?i:n.value.length,l=`${n.value.slice(0,a)}${e}${n.value.slice(o)}`,d=a+e.length,C=null===(r=Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,"value"))||void 0===r?void 0:r.set;null==C||C.call(n,l),n.focus(),n.setSelectionRange(d,d),n.dispatchEvent(new Event("input",{bubbles:!0}))},isDisabled:l},o&&{$emojiStyles:o})):null]})})),Po=n`
|
|
4566
4566
|
align-items: center;
|
|
4567
4567
|
display: flex;
|
|
4568
4568
|
flex: 1;
|
|
@@ -4800,7 +4800,7 @@ function Q(e,t){if(!1===e||null==e)throw new Error(t)}function P(e,t){if(!e){"un
|
|
|
4800
4800
|
border: 1px solid var(--ck-clr-ln);
|
|
4801
4801
|
border-radius: var(--ter-rd);
|
|
4802
4802
|
`}
|
|
4803
|
-
`,il=d(((i,r)=>{var{dateFormat:n="MMM dd, yyyy",name:a,evChange:d,isField:C,saveFormat:s,showFormat:c,evChangeCustom:p,value:h,isForceUpdate:g,setForceUpdate:m,isError:
|
|
4803
|
+
`,il=d(((i,r)=>{var{dateFormat:n="MMM dd, yyyy",name:a,evChange:d,isField:C,saveFormat:s,showFormat:c,evChangeCustom:p,value:h,isForceUpdate:g,setForceUpdate:m,minDate:x,minTime:u,isError:v=!1,showTimeInput:w=!1,allowEmpty:F=!1}=i,f=O(i,["dateFormat","name","evChange","isField","saveFormat","showFormat","evChangeCustom","value","isForceUpdate","setForceUpdate","minDate","minTime","isError","showTimeInput","allowEmpty"]);const[y,A]=o(h||(F?null:new Date)),b=e=>{A(e),d&&d(a,e),C&&p&&p(a,e?k(e).format(s):e)};return l((()=>{if(g){const e=h||(F?null:new Date);A(e),m&&m(!1)}}),[g,m,h,F]),t(Ko,Object.assign({$isError:v},f["data-qa-id"]&&{"data-qa-id":f["data-qa-id"]},{children:[e(B,Object.assign({selected:y,name:a,portalId:"popup-portal",dateFormat:n,onChange:b,showTimeInput:w,onKeyDown:e=>e.preventDefault(),ref:r},x&&{minDate:x},u&&{minTime:u})),F&&y?e(Jo,{onClick:()=>b(null),title:"clear",children:e("svg",{height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",children:e("path",{d:"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"})})}):null]}))})),rl=d(((i,r)=>{const{dateFormat:n="MMM dd, yyyy",name:a,evChange:d,isField:C,saveFormat:s,showFormat:c,evChangeCustom:p,value:h,reset:g,setReset:m,isForceUpdate:x,setForceUpdate:u,isError:v=!1,showTimeInput:w=!1,allowEmpty:F=!1,placeholderText:f,portalId:y,isIcon:A,disabled:b,minDate:D,minTime:E}=i,M=O(i,["dateFormat","name","evChange","isField","saveFormat","showFormat","evChangeCustom","value","reset","setReset","isForceUpdate","setForceUpdate","isError","showTimeInput","allowEmpty","placeholderText","portalId","isIcon","disabled","minDate","minTime"]),[z,L]=o(void 0!==h?h:F?null:new Date),I=e=>{L(e),d&&d(a,e),C&&p&&p(a,e?k(e).format(s):e)};return l((()=>{if(g&&(L(null),m&&m(!1)),x){const e=h||(F?null:new Date);L(e),u&&u(!1)}}),[x,u,h,F,g,m]),t(Ko,Object.assign({$isError:v},M["data-tip"]&&{"data-tip":M["data-tip"],"data-place":M["data-place"],"data-type":M["data-type"]},M["data-qa-id"]&&{"data-qa-id":M["data-qa-id"]},{children:[A&&e(va,{$name:"calendar",$width:"20px"}),e(B,Object.assign({selected:z,name:a,dateFormat:n,onChange:I,showTimeInput:w,onKeyDown:e=>e.preventDefault(),placeholderText:f,ref:r},b&&{disabled:!0},y&&{portalId:y},D&&{minDate:D},E&&{minTime:E})),F&&z?e(Jo,{onClick:()=>I(null),title:"clear",children:e("svg",{height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",children:e("path",{d:"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"})})}):null]}))})),nl=r.div`
|
|
4804
4804
|
display: grid;
|
|
4805
4805
|
`,al=({dateTimeData:r})=>{const n=k(r,"YYYY-MM-DD HH:mm:ss ZZ").format("D MMM YYYY,"),a=k(r,"YYYY-MM-DD HH:mm:ss ZZ").format("hh:mm A");return e(nl,{children:r?t(i,{children:[e("span",{children:n}),e("span",{children:a})]}):"-"})},ol=r.div`
|
|
4806
4806
|
display: grid;
|