ioloco-ui - npm Package Compare versions

Comparing version 0.3.90 to 0.3.91

dist/Components/FormComponents/DatePicker/DatePickerInput.d.ts

@@ -5,2 +5,3 @@ import type { ReactNode } from 'react';
     labelId: string;
+    label: string;
     value: string;
@@ -11,3 +12,3 @@ onShowCalendar: () => void;
 }
-declare const DatePickerInput: ({ id, labelId, value, onShowCalendar, size, icon }: IDatePickerInput) => import("react/jsx-runtime").JSX.Element;
+declare const DatePickerInput: ({ id, labelId, value, onShowCalendar, size, icon, label }: IDatePickerInput) => import("react/jsx-runtime").JSX.Element;
 export default DatePickerInput;

dist/Components/FormComponents/DatePicker/DatePickerInput.js

@@ -1,1 +0,1 @@
-import{jsxs as l,jsx as n}from"react/jsx-runtime";import e from"../FormInput/index.js";import r from"@stylexjs/stylex";const o=o=>{let{id:d,labelId:i,value:u,onShowCalendar:a,size:s="small",icon:b}=o;const x=t[`${s}Label`];return l("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3"},{children:[n("label",Object.assign({htmlFor:d,id:i},r.props(t.label,x),{children:"Date"})),l("div",Object.assign({},{className:"x1n2onr6 x1ypdohk"},{children:[n(e,Object.assign({id:d,type:"text","aria-labelledby":i,size:s,name:"date",readOnly:!0,onClick:a,value:u},{className:"x7gbtqy x150ed17 x12oqio5 x1ypdohk xh8yej3"})),b]}))]}))},t={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",$$css:!0},inputWrapper:{position:"x1n2onr6",cursor:"x1ypdohk",$$css:!0},label:{position:"x10l6tqk",display:"x1lliihq",color:"x1mqxbix xat0y86",$$css:!0},inputField:{padding:"x7gbtqy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,border:"x150ed17",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,cursor:"x1ypdohk",width:"xh8yej3",$$css:!0},smallLabel:{fontSize:"x1xebwwb",top:"xrtmmra",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,$$css:!0},mediumLabel:{fontSize:"x1uv3qv7",top:"xlmo2kc",left:"x117m9x2",insetInlineStart:null,insetInlineEnd:null,$$css:!0},largeLabel:{fontSize:"x1elmx46",top:"x11ulg39",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,$$css:!0}};export{o as default};
+import{jsxs as l,jsx as n}from"react/jsx-runtime";import e from"../FormInput/index.js";import r from"@stylexjs/stylex";const o=o=>{let{id:d,labelId:i,value:u,onShowCalendar:a,size:s="small",icon:b,label:x}=o;const p=t[`${s}Label`];return l("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3"},{children:[n("label",Object.assign({htmlFor:d,id:i},r.props(t.label,p),{children:x})),l("div",Object.assign({},{className:"x1n2onr6 x1ypdohk"},{children:[n(e,Object.assign({id:d,type:"text","aria-labelledby":i,size:s,name:"date",readOnly:!0,onClick:a,value:u},{className:"x7gbtqy x150ed17 x12oqio5 x1ypdohk xh8yej3"})),b]}))]}))},t={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",$$css:!0},inputWrapper:{position:"x1n2onr6",cursor:"x1ypdohk",$$css:!0},label:{position:"x10l6tqk",display:"x1lliihq",color:"x1mqxbix xat0y86",$$css:!0},inputField:{padding:"x7gbtqy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,border:"x150ed17",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,cursor:"x1ypdohk",width:"xh8yej3",$$css:!0},smallLabel:{fontSize:"x1xebwwb",top:"xrtmmra",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,$$css:!0},mediumLabel:{fontSize:"x1uv3qv7",top:"xlmo2kc",left:"x117m9x2",insetInlineStart:null,insetInlineEnd:null,$$css:!0},largeLabel:{fontSize:"x1elmx46",top:"x11ulg39",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,$$css:!0}};export{o as default};

dist/Components/FormComponents/DatePicker/index.d.ts

@@ -8,5 +8,6 @@ import type { ElementType } from 'react';
     value?: Date;
+    label: string;
     onChange?: (date: Date) => void;
 }
-declare const DatePicker: ({ size, Icon, PreviousMonthIcon, NextMonthIcon, value, onChange }: IDatePicker) => import("react/jsx-runtime").JSX.Element;
+declare const DatePicker: ({ size, Icon, PreviousMonthIcon, NextMonthIcon, value, onChange, label }: IDatePicker) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

dist/Components/FormComponents/DatePicker/index.js

@@ -1,1 +0,1 @@
-import{jsxs as n,jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import o from"./DatePickerInput.js";import l from"./DatePickerModal.js";import i from"@stylexjs/stylex";const a=a=>{let{size:s,Icon:c,PreviousMonthIcon:m,NextMonthIcon:x,value:g,onChange:u}=a;const[h,d]=t(new Date),[I,p]=t(!1),$=g||h,f=`${$.getDate()}/${$.getMonth()+1}/${$.getFullYear()}`,v=r[`${s}Icon`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3 x41wgo0"},{children:[e(o,{id:"date-picker",labelId:"date-picker-label",value:f,onShowCalendar:()=>p(!I),size:s,icon:e(c,Object.assign({},i.props(r.icon,v)))}),e(l,{selectedDate:$,onDateSelect:n=>{const e=n.getDate(),t=new Date($.getFullYear(),$.getMonth(),e);u?u(t):d(t),p(!1)},onMonthChange:n=>{const e=new Date($.getFullYear(),$.getMonth()+n,1);u?u(e):d(e)},PreviousMonthIcon:m,NextMonthIcon:x,show:I,onClose:()=>p(!1),size:s})]}))},r={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},icon:{zIndex:"x8knxv4",position:"x10l6tqk",right:"x5btmg7",insetInlineStart:null,insetInlineEnd:null,top:"xwa60dl",transform:"x1cb1t30",color:"x1mqxbix xat0y86",$$css:!0},smallIcon:{fontSize:"x1uv3qv7",$$css:!0},mediumIcon:{fontSize:"x579bpy",$$css:!0},largeIcon:{fontSize:"x13wtedm",$$css:!0}};export{a as default};
+import{jsxs as n,jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import o from"./DatePickerInput.js";import l from"./DatePickerModal.js";import i from"@stylexjs/stylex";const a=a=>{let{size:s,Icon:c,PreviousMonthIcon:m,NextMonthIcon:x,value:g,onChange:u,label:h}=a;const[d,I]=t(new Date),[p,$]=t(!1),f=g||d,b=`${f.getDate()}/${f.getMonth()+1}/${f.getFullYear()}`,v=r[`${s}Icon`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3 x41wgo0"},{children:[e(o,{id:"date-picker",labelId:"date-picker-label",label:h,value:b,onShowCalendar:()=>$(!p),size:s,icon:e(c,Object.assign({},i.props(r.icon,v)))}),e(l,{selectedDate:f,onDateSelect:n=>{const e=n.getDate(),t=new Date(f.getFullYear(),f.getMonth(),e);u?u(t):I(t),$(!1)},onMonthChange:n=>{const e=new Date(f.getFullYear(),f.getMonth()+n,1);u?u(e):I(e)},PreviousMonthIcon:m,NextMonthIcon:x,show:p,onClose:()=>$(!1),size:s})]}))},r={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},icon:{zIndex:"x8knxv4",position:"x10l6tqk",right:"x5btmg7",insetInlineStart:null,insetInlineEnd:null,top:"xwa60dl",transform:"x1cb1t30",color:"x1mqxbix xat0y86",$$css:!0},smallIcon:{fontSize:"x1uv3qv7",$$css:!0},mediumIcon:{fontSize:"x579bpy",$$css:!0},largeIcon:{fontSize:"x13wtedm",$$css:!0}};export{a as default};

package.json

 {
   "name": "ioloco-ui",
-  "version": "0.3.90",
+  "version": "0.3.91",
   "description": "Stylex UI components for React",
@@ -5,0 +5,0 @@ "author": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

113374

increased by0.06%

Lines of code

1615

increased by0.12%

No dependency changes