jb-date-input
Version:
jalali date input web component
2 lines • 5.46 kB
JavaScript
var e,t;e=this,t=function(e,t,r){var n=Object.create,u=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,c=Object.getPrototypeOf,i=Object.prototype.hasOwnProperty,l=(e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var c,l=o(t),s=0,f=l.length;s<f;s++)c=l[s],i.call(e,c)||c===r||u(e,c,{get:(e=>t[e]).bind(null,c),enumerable:!(n=a(t,c))||n.enumerable});return e},s=(e,t,r)=>(r=null!=e?n(c(e)):{},l(!t&&e&&e.__esModule?r:u(r,"default",{value:e,enumerable:!0}),e));function f(e,r,n,u=!1){let a=(0,t.useCallback)(t=>{e.current&&"function"==typeof n&&n(t)},[e,n]);(0,t.useEffect)(()=>{let t=e.current;return t&&t.addEventListener(r,a,{passive:u,capture:!1}),function(){t&&t.removeEventListener(r,a,{passive:u,capture:!1})}},[e,r,n,u])}t=s(t),r=s(r);let d=(0,t.forwardRef)((e,r)=>{let n=(0,t.useRef)(null);(0,t.useImperativeHandle)(r,()=>n?n.current:{},[n]);let u=(0,t.useRef)([]);return(0,t.useEffect)(()=>{e.format&&(e.format!==n.current?.valueFormat&&n.current?.setAttribute("format",e.format),u.current.length>0&&(u.current.forEach(e=>{e()}),u.current=[]))},[e.format]),(0,t.useEffect)(()=>{e.max&&(e.format&&e.format!==n.current?.valueFormat?u.current.push(()=>{e.max&&n.current?.setMaxDate(e.max)}):n.current?.setMaxDate(e.max))},[e.max]),(0,t.useEffect)(()=>{e.name?n?.current?.setAttribute("name",e.name||""):n?.current?.removeAttribute("name")},[e.name]),(0,t.useEffect)(()=>{e.min&&(e.format&&e.format!==n.current?.valueFormat?u.current.push(()=>{e.min&&n.current?.setMinDate(e.min)}):n.current?.setMinDate(e.min))},[e.min]),(0,t.useEffect)(()=>{n.current&&e.value&&(n.current.value=e.value)},[e.value]),(0,t.useEffect)(()=>{n.current&&n.current.setAttribute("message",e.message||"")},[e.message]),(0,t.useEffect)(()=>{n.current&&Array.isArray(e.jalaliMonthList)&&n.current.setMonthList("JALALI",e.jalaliMonthList)},[e.jalaliMonthList]),(0,t.useEffect)(()=>{n.current&&Array.isArray(e.gregorianMonthList)&&n.current.setMonthList("GREGORIAN",e.gregorianMonthList)},[e.gregorianMonthList]),(0,t.useEffect)(()=>{n.current&&void 0!==e.placeholder&&(n.current.placeholder=e.placeholder)},[e.placeholder]),(0,t.useEffect)(()=>{n.current&&void 0!==e.overflowHandler&&(n.current.elements.popover.overflowHandler=e.overflowHandler)},[e.overflowHandler]),(0,t.useEffect)(()=>{n.current&&void 0!==e.overflowRef&&(n.current.elements.popover.overflowDom=e.overflowRef.current)},[e.overflowRef]),(0,t.useEffect)(()=>{n.current&&"string"==typeof e.style&&n.current.setAttribute("style",e.style)},[e.style]),(0,t.useEffect)(()=>{n.current&&Array.isArray(e.validationList)&&(n.current.validation.list=e.validationList)},[e.validationList]),(0,t.useEffect)(()=>{n.current&&e.direction&&n.current.setAttribute("direction",e.direction)},[e.direction]),(0,t.useEffect)(()=>{n.current&&(e.required?n.current.required=!0:n.current.required=!1)},[e.required,n.current]),(0,t.useEffect)(()=>{"object"==typeof e.calendarDefaultDateView&&e.calendarDefaultDateView.year&&e.calendarDefaultDateView.month&&n.current?.setCalendarDefaultDateView(e.calendarDefaultDateView.year,e.calendarDefaultDateView.month,e.calendarDefaultDateView.dateType)},[e.calendarDefaultDateView]),(0,t.useEffect)(()=>{e.showPersianNumber?n.current?.setAttribute("show-persian-number","true"):n.current?.removeAttribute("show-persian-number")},[e.showPersianNumber]),(0,t.useEffect)(()=>{"boolean"==typeof e.disabled&&n?.current?.setAttribute("disabled",`${e.disabled}`)},[e.disabled]),(0,t.useEffect)(()=>{e.error?n?.current?.setAttribute("error",e.error):n?.current?.removeAttribute("error")},[e.error]),f(n,"load",e.onLoad,!0),f(n,"init",e.onInit,!0),f(n,"invalid",e.onInvalid,!0),f(n,"change",e.onChange,!0),f(n,"beforeinput",e.onBeforeInput,!1),f(n,"input",e.onInput,!0),f(n,"keyup",e.onKeyUp,!0),f(n,"keydown",e.onKeyDown,!1),f(n,"keypress",e.onKeyPress,!0),f(n,"select",e.onSelect,!0),f(n,"focus",e.onFocus,!0),f(n,"blur",e.onBlur,!0),t.default.createElement("jb-date-input",{class:e.className?e.className:"",label:e.label,"value-type":e.valueType?e.valueType:"GREGORIAN",ref:n,"input-type":e.inputType?e.inputType:"JALALI"},e.children)});d.displayName="JBDateInput",e.JBDateInput=d,e.useJBDateInput=function(e){let[n,u]=(0,t.useState)(r.emptyInputValueString),a=(0,t.useRef)(null);(0,t.useEffect)(()=>{a.current&&setTimeout(()=>{e.ref.current.setSelectionRange(a.current.selectionStart,a.current.selectionEnd),a.current=null},0)},[n,a.current]);let o=()=>{if(null===a.current){let t=(0,r.getFixedCaretPos)({inputValue:n,selectionStart:e.ref.current.selectionStart});null!=t&&t!==e.ref.current.selectionStart&&e.ref.current.setSelectionRange(t,t)}};return f(e.ref,"beforeinput",function(t){a.current=(0,r.handleBeforeInput)({dateInputType:e.dateInputType,selection:{start:e.ref.current.selectionStart,end:e.ref.current.selectionEnd},value:n,showPersianNumber:e.showPersianNumber,event:{inputType:t.inputType,data:t.data}}),t.preventDefault(),u(a.current.value),e.ref.current.setSelectionRange(a.current.selectionStart,a.current.selectionEnd)}),{value:n,setValue:u,onFocus:()=>{o()},onClick:()=>{o()},onChange:()=>{}}}},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("jb-date-input")):"function"==typeof define&&define.amd?define(["exports","react","jb-date-input"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBDateInputReact={},e.React,e.JBDateInput);
//# sourceMappingURL=JBDateInput.umd.js.map