react-select-datepicker 2.0.1 → 2.0.2

package/dist/components/SelectDatepicker.js

@@ -1 +1 @@
-import{__rest as e,__assign as l}from"../_virtual/_tslib.js";import a,{useState as o,useMemo as n,useCallback as t,useEffect as r}from"react";import{getYearsObject as i,getMonthsObject as d,getDaysObject as s}from"../utils/helpers.js";import{OptionsRenderer as u}from"./OptionsRenderer.js";import{SelectRenderer as c}from"./SelectRenderer.js";var v=function(v){var m,b,h,f,p,y,g,L=v.id,D=v.className,N=v.minDate,w=v.maxDate,E=v.selectedDate,R=v.onDateChange,P=v.disabled,j=void 0!==P&&P,C=v.hasError,Y=void 0!==C&&C,x=v.monthRef,O=v.yearRef,S=v.dayRef,H=v.options,M=void 0===H?{}:H,k=e(v,["id","className","minDate","maxDate","selectedDate","onDateChange","disabled","hasError","monthRef","yearRef","dayRef","options"]),F=o(-1),_=F[0],q=F[1],z=o(-1),A=z[0],B=z[1],G=o(-1),I=G[0],J=G[1],K=n((function(){return M.order?M.order.split("/"):["month","day","year"]}),[M.order]),Q=n((function(){return["sdp-select-datepicker",D].join(" ")}),[D]),T=n((function(){return a.createElement(u,{options:i(N,w,M.reverseYears)})}),[w,M.reverseYears,N]),U=n((function(){var e;return a.createElement(u,{options:d(N,w,_,null===(e=M.labels)||void 0===e?void 0:e.months)})}),[w,null===(m=M.labels)||void 0===m?void 0:m.months,N,_]),V=n((function(){return a.createElement(u,{options:s(N,w,A,_)})}),[w,A,N,_]),W=t((function(e){q(Number(e.target.value)),d(N,w,Number(e.target.value)).some((function(e){return e.value===A}))||B(-1),s(N,w,A,Number(e.target.value)).some((function(e){return e.value===I}))||J(-1)}),[I,A,N,w]),X=t((function(e){B(Number(e.target.value)),s(N,w,Number(e.target.value),_).some((function(e){return e.value===I}))||J(-1)}),[I,_,N,w]),Z=t((function(e){J(Number(e.target.value))}),[]),$=n((function(){var e,l,o,n,t,r;return{day:a.createElement(c,{id:"day",labels:{show:void 0===M.showLabels||M.showLabels,main:(null===(e=M.labels)||void 0===e?void 0:e.dayLabel)||"Day",placeholder:(null===(l=M.labels)||void 0===l?void 0:l.dayPlaceholder)||"Select Day"},value:I,disabled:j,onChangeHandler:Z,selectOptions:V,ref:S}),month:a.createElement(c,{id:"month",labels:{show:void 0===M.showLabels||M.showLabels,main:(null===(o=M.labels)||void 0===o?void 0:o.monthLabel)||"Month",placeholder:(null===(n=M.labels)||void 0===n?void 0:n.monthPlaceholder)||"Select Month"},value:A,disabled:j,onChangeHandler:X,selectOptions:U,ref:x}),year:a.createElement(c,{id:"year",labels:{show:void 0===M.showLabels||M.showLabels,main:(null===(t=M.labels)||void 0===t?void 0:t.yearLabel)||"Year",placeholder:(null===(r=M.labels)||void 0===r?void 0:r.yearPlaceholder)||"Select Year"},value:_,disabled:j,onChangeHandler:W,selectOptions:T,ref:O})}}),[I,V,S,j,Z,X,W,A,U,x,null===(b=M.labels)||void 0===b?void 0:b.dayLabel,null===(h=M.labels)||void 0===h?void 0:h.dayPlaceholder,null===(f=M.labels)||void 0===f?void 0:f.monthLabel,null===(p=M.labels)||void 0===p?void 0:p.monthPlaceholder,null===(y=M.labels)||void 0===y?void 0:y.yearLabel,null===(g=M.labels)||void 0===g?void 0:g.yearPlaceholder,M.showLabels,_,T,O]);return r((function(){null!=E&&(J(Number(E.getDate())),B(Number(E.getMonth()+1)),q(Number(E.getFullYear())))}),[E]),r((function(){R(-1!==_&&-1!==A&&-1!==I?new Date("".concat(A,"/").concat(I,"/").concat(_)):null)}),[I,A,_]),a.createElement("div",l({},k,{style:{display:"flex"},id:L,className:Q},Y?{"aria-invalid":!0}:null),K.map((function(e,l){return a.createElement(a.Fragment,{key:"".concat(e,"-").concat(l)},$[e])})))};export{v as SelectDatepicker};
+import{__rest as e,__assign as l}from"../_virtual/_tslib.js";import a,{useState as o,useMemo as t,useCallback as n,useEffect as r}from"react";import{classPrefix as i,getYearsObject as d,getMonthsObject as s,getDaysObject as u}from"../utils/helpers.js";import{OptionsRenderer as c}from"./OptionsRenderer.js";import{SelectRenderer as v}from"./SelectRenderer.js";var m=function(m){var b,h,f,p,y,g,L,D=m.id,N=m.className,w=m.minDate,E=m.maxDate,R=m.selectedDate,P=m.onDateChange,j=m.disabled,C=void 0!==j&&j,Y=m.hasError,x=void 0!==Y&&Y,O=m.monthRef,S=m.yearRef,H=m.dayRef,M=m.options,_=void 0===M?{}:M,k=e(m,["id","className","minDate","maxDate","selectedDate","onDateChange","disabled","hasError","monthRef","yearRef","dayRef","options"]),F=o(-1),q=F[0],z=F[1],A=o(-1),B=A[0],G=A[1],I=o(-1),J=I[0],K=I[1],Q=t((function(){return _.order?_.order.split("/"):["month","day","year"]}),[_.order]),T=t((function(){return["".concat(i,"_react-select-datepicker"),N].join(" ")}),[N]),U=t((function(){return a.createElement(c,{options:d(w,E,_.reverseYears)})}),[E,_.reverseYears,w]),V=t((function(){var e;return a.createElement(c,{options:s(w,E,q,null===(e=_.labels)||void 0===e?void 0:e.months)})}),[E,null===(b=_.labels)||void 0===b?void 0:b.months,w,q]),W=t((function(){return a.createElement(c,{options:u(w,E,B,q)})}),[E,B,w,q]),X=n((function(e){z(Number(e.target.value)),s(w,E,Number(e.target.value)).some((function(e){return e.value===B}))||G(-1),u(w,E,B,Number(e.target.value)).some((function(e){return e.value===J}))||K(-1)}),[J,B,w,E]),Z=n((function(e){G(Number(e.target.value)),u(w,E,Number(e.target.value),q).some((function(e){return e.value===J}))||K(-1)}),[J,q,w,E]),$=n((function(e){K(Number(e.target.value))}),[]),ee=t((function(){var e,l,o,t,n,r;return{day:a.createElement(v,{id:"day",labels:{show:void 0===_.showLabels||_.showLabels,main:(null===(e=_.labels)||void 0===e?void 0:e.dayLabel)||"Day",placeholder:(null===(l=_.labels)||void 0===l?void 0:l.dayPlaceholder)||"Select Day"},value:J,disabled:C,onChangeHandler:$,selectOptions:W,ref:H}),month:a.createElement(v,{id:"month",labels:{show:void 0===_.showLabels||_.showLabels,main:(null===(o=_.labels)||void 0===o?void 0:o.monthLabel)||"Month",placeholder:(null===(t=_.labels)||void 0===t?void 0:t.monthPlaceholder)||"Select Month"},value:B,disabled:C,onChangeHandler:Z,selectOptions:V,ref:O}),year:a.createElement(v,{id:"year",labels:{show:void 0===_.showLabels||_.showLabels,main:(null===(n=_.labels)||void 0===n?void 0:n.yearLabel)||"Year",placeholder:(null===(r=_.labels)||void 0===r?void 0:r.yearPlaceholder)||"Select Year"},value:q,disabled:C,onChangeHandler:X,selectOptions:U,ref:S})}}),[J,W,H,C,$,Z,X,B,V,O,null===(h=_.labels)||void 0===h?void 0:h.dayLabel,null===(f=_.labels)||void 0===f?void 0:f.dayPlaceholder,null===(p=_.labels)||void 0===p?void 0:p.monthLabel,null===(y=_.labels)||void 0===y?void 0:y.monthPlaceholder,null===(g=_.labels)||void 0===g?void 0:g.yearLabel,null===(L=_.labels)||void 0===L?void 0:L.yearPlaceholder,_.showLabels,q,U,S]);return r((function(){null!=R&&(K(Number(R.getDate())),G(Number(R.getMonth()+1)),z(Number(R.getFullYear())))}),[R]),r((function(){P(-1!==q&&-1!==B&&-1!==J?new Date("".concat(B,"/").concat(J,"/").concat(q)):null)}),[J,B,q]),a.createElement("div",l({},k,{style:{display:"flex"},id:D,className:T},x?{"aria-invalid":!0}:null),Q.map((function(e,l){return a.createElement(a.Fragment,{key:"".concat(e,"-").concat(l)},ee[e])})))};export{m as SelectDatepicker};

package/dist/components/SelectRenderer.js

@@ -1 +1 @@
-import e from"react";var l=function(l){var a=l.id,t=l.labels,n=l.value,c=l.disabled,r=l.onChangeHandler,s=l.selectOptions,o=l.ref;return e.createElement("div",{style:{display:"flex",flexDirection:"column"},className:"sdp_select-container-".concat(a)},t.show&&e.createElement("label",{htmlFor:a},t.main),e.createElement("select",{id:a,value:n,disabled:c,onChange:r,ref:o,className:"spd_select-".concat(a)},e.createElement("option",{value:-1,disabled:!0},t.placeholder),s))};export{l as SelectRenderer};
+import e from"react";import{classPrefix as t}from"../utils/helpers.js";var a=function(a){var c=a.id,l=a.labels,n=a.value,o=a.disabled,r=a.onChangeHandler,s=a.selectOptions,i=a.ref;return e.createElement("div",{style:{display:"flex",flexDirection:"column"},className:"".concat(t,"_select-container-").concat(c)},l.show&&e.createElement("label",{htmlFor:"".concat(t,"_select-").concat(c)},l.main),e.createElement("select",{id:"".concat(t,"_select-").concat(c),value:n,disabled:o,onChange:r,ref:i,className:"".concat(t,"_select-").concat(c)},e.createElement("option",{value:-1,disabled:!0},l.placeholder),s))};export{a as SelectRenderer};

package/dist/utils/helpers.d.ts

@@ -1,4 +1,5 @@
 import { Months } from '../types/SelectDatepickerOptions';
+export declare const classPrefix = "rsd_";
 export declare const range: (start: number, stop: number, step: number) => number[];
 export declare const getAllDaysInMonth: (year: number, month: number) => number[];
 export declare const englishMonths: Months;

package/dist/utils/helpers.js

@@ -1 +1 @@
-var e=function(e,t,r){return Array.from({length:(t-e)/r+1},(function(t,n){return e+n*r}))},t=function(e,t){for(var r=new Date("".concat(e,"/").concat(t,"/01")),n=[];r.getMonth()+1===t;)n.push(new Date(r).getDate()),r.setDate(r.getDate()+1);return n},r={1:"January",2:"February",3:"March",4:"April",5:"May",6:"June",7:"July",8:"August",9:"September",10:"October",11:"November",12:"December"},n=function(t,r,n){void 0===n&&(n=!0);var a=e(t?t.getFullYear():1900,r?r.getFullYear():(new Date).getFullYear(),1);return n&&(a=a.reverse()),a.map((function(e,t){return{value:e,label:"".concat(e)}}))},a=function(t,n,a,u){void 0===a&&(a=-1),void 0===u&&(u=r);var l=e(1,12,1);if(n&&-1!==a&&a===n.getFullYear()){var o=n.getMonth()+1;l=l.slice(0,o)}if(t&&-1!==a&&a===t.getFullYear()){var c=t.getMonth()+1;l=l.slice(c-1,l.length)}return l.map((function(e,t){return{value:e,label:u[e]}}))},u=function(r,n,a,u){void 0===a&&(a=-1),void 0===u&&(u=-1);var l=[];if(-1===a)return(l=e(1,31,1)).map((function(e,t){return{value:e,label:"".concat(e)}}));if(l=t(-1===u?1900:u,a),n&&u===n.getFullYear()&&a===n.getMonth()+1){var o=n.getDate();l=l.slice(0,o)}if(r&&u===r.getFullYear()&&a===r.getMonth()+1){var c=r.getDate();l=l.slice(c-1,l.length)}return l.map((function(e,t){return{value:e,label:"".concat(e)}}))};export{r as englishMonths,t as getAllDaysInMonth,u as getDaysObject,a as getMonthsObject,n as getYearsObject,e as range};
+var e="rsd_",t=function(e,t,r){return Array.from({length:(t-e)/r+1},(function(t,n){return e+n*r}))},r=function(e,t){for(var r=new Date("".concat(e,"/").concat(t,"/01")),n=[];r.getMonth()+1===t;)n.push(new Date(r).getDate()),r.setDate(r.getDate()+1);return n},n={1:"January",2:"February",3:"March",4:"April",5:"May",6:"June",7:"July",8:"August",9:"September",10:"October",11:"November",12:"December"},a=function(e,r,n){void 0===n&&(n=!0);var a=t(e?e.getFullYear():1900,r?r.getFullYear():(new Date).getFullYear(),1);return n&&(a=a.reverse()),a.map((function(e,t){return{value:e,label:"".concat(e)}}))},u=function(e,r,a,u){void 0===a&&(a=-1),void 0===u&&(u=n);var l=t(1,12,1);if(r&&-1!==a&&a===r.getFullYear()){var o=r.getMonth()+1;l=l.slice(0,o)}if(e&&-1!==a&&a===e.getFullYear()){var c=e.getMonth()+1;l=l.slice(c-1,l.length)}return l.map((function(e,t){return{value:e,label:u[e]}}))},l=function(e,n,a,u){void 0===a&&(a=-1),void 0===u&&(u=-1);var l=[];if(-1===a)return(l=t(1,31,1)).map((function(e,t){return{value:e,label:"".concat(e)}}));if(l=r(-1===u?1900:u,a),n&&u===n.getFullYear()&&a===n.getMonth()+1){var o=n.getDate();l=l.slice(0,o)}if(e&&u===e.getFullYear()&&a===e.getMonth()+1){var c=e.getDate();l=l.slice(c-1,l.length)}return l.map((function(e,t){return{value:e,label:"".concat(e)}}))};export{e as classPrefix,n as englishMonths,r as getAllDaysInMonth,l as getDaysObject,u as getMonthsObject,a as getYearsObject,t as range};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-select-datepicker",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "A simple and reusable dropdown datepicker component for React",
   "author": "JMcAmmond",
   "license": "MIT",