@bikdotai/bik-component-library 0.0.332-1 → 0.0.332-3

package/dist/cjs/components/custom-date-time/CustomDateTime.d.ts

@@ -4,6 +4,7 @@ export interface CustomTimeProps {
     time?: string;
     date: Date;
     minDate?: Date;
+    maxDate?: Date;
     onChange: (date: Date) => void;
     error: string | undefined;
     setError: (error: string | undefined) => void;

package/dist/cjs/components/custom-date-time/CustomDateTime.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("date-fns"),t=require("react"),o=require("./DateSelector/DateSelector.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var n=require("../TypographyStyle.js");require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js");var i=require("../input/Input.js");require("../dropdown/MenuItem/MenuItem.js");var d=require("../../utils/DateUtils.js"),u=require("../../assets/icons/chevronDown.svg.js"),a=require("../../assets/icons/clock.svg.js"),l=require("./CustomDateTime.styled.js");const c=()=>{const e=[];for(let r=0;r<2;r++)for(let t=0;t<12;t++){let o;o=0===t?"12":t<10?`0${t}`:`${t}`;const s=`${o}:00 ${0===r?"AM":"PM"}`,n=`${o}:30 ${0===r?"AM":"PM"}`;e.push({label:s,value:s,selected:!1},{label:n,value:n,selected:!1})}return e};exports.CustomDateTime=p=>{const[m,j]=t.useState(p.time),[D,w]=t.useState(p.date);t.useEffect((()=>{p.setError(void 0);const e=d.default.convert12HourTimeTo24Hour(m),t=r.format(new Date,"HH:mm:ss");if(r.isToday(D)&&e<t)return void p.setError("Selected time should be later than current time");p.setError(void 0);const[o,s]=e.split(":"),n=new Date(D.getTime());n.setHours(+o,+s),p.onChange(n)}),[D,m]);return e.jsxs(l.CustomDateTimeStyle,{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:16}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(o.default,{customDate:D,setCustomDate:w,placement:p.placement,minDate:p.minDate})})),p.time&&e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(s.DropdownPopover,Object.assign({options:c(),onSelect:e=>{j(e.value)}},{children:e.jsx(i.Input,{value:m,leftIcon:{icon:a.default},rightIcon:{icon:u.default},onChangeText:e=>(e=>{if(d.default.timeFormatValidation(e)){const t=d.default.convert12HourTimeTo24Hour(e),o=r.format(new Date,"HH:mm:ss");if(r.isToday(D)&&t<o)return void p.setError("Selected time should be later than current time");p.setError(void 0),j(e)}else p.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})}))}))]})),p.error&&e.jsx(n.BodySecondary,Object.assign({style:{paddingTop:8}},{children:p.error}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("date-fns"),t=require("react"),o=require("./DateSelector/DateSelector.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var n=require("../TypographyStyle.js");require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js");var i=require("../input/Input.js");require("../dropdown/MenuItem/MenuItem.js");var d=require("../../utils/DateUtils.js"),u=require("../../assets/icons/chevronDown.svg.js"),a=require("../../assets/icons/clock.svg.js"),l=require("./CustomDateTime.styled.js");const c=()=>{const e=[];for(let r=0;r<2;r++)for(let t=0;t<12;t++){let o;o=0===t?"12":t<10?`0${t}`:`${t}`;const s=`${o}:00 ${0===r?"AM":"PM"}`,n=`${o}:30 ${0===r?"AM":"PM"}`;e.push({label:s,value:s,selected:!1},{label:n,value:n,selected:!1})}return e};exports.CustomDateTime=p=>{var m;const[j,D]=t.useState(null!==(m=p.time)&&void 0!==m?m:"00:00:00"),[v,w]=t.useState(p.date);t.useEffect((()=>{p.setError(void 0);const e=d.default.convert12HourTimeTo24Hour(j),t=r.format(new Date,"HH:mm:ss");if(r.isToday(v)&&e<t)return void p.setError("Selected time should be later than current time");p.setError(void 0);const[o,s]=e.split(":"),n=new Date(v.getTime());n.setHours(+o,+s),p.onChange(n)}),[v,j]);return e.jsxs(l.CustomDateTimeStyle,{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:16}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(o.default,{customDate:v,setCustomDate:w,placement:p.placement,minDate:p.minDate,maxDate:p.maxDate})})),p.time&&e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(s.DropdownPopover,Object.assign({options:c(),onSelect:e=>{D(e.value)}},{children:e.jsx(i.Input,{value:j,leftIcon:{icon:a.default},rightIcon:{icon:u.default},onChangeText:e=>(e=>{if(d.default.timeFormatValidation(e)){const t=d.default.convert12HourTimeTo24Hour(e),o=r.format(new Date,"HH:mm:ss");if(r.isToday(v)&&t<o)return void p.setError("Selected time should be later than current time");p.setError(void 0),D(e)}else p.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})}))}))]})),p.error&&e.jsx(n.BodySecondary,Object.assign({style:{paddingTop:8}},{children:p.error}))]})};

package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.d.ts

@@ -3,6 +3,7 @@ import React, { SetStateAction } from 'react';
 declare const DateSelector: React.FC<{
     customDate: Date;
     minDate?: Date;
+    maxDate?: Date;
     setCustomDate: React.Dispatch<SetStateAction<Date>>;
     placement: Placement;
 }>;

package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/calendar.svg.js"),s=require("../../../assets/icons/chevronDown.svg.js"),r=require("react"),a=require("react-popper"),i=require("../../datePicker/DatePicker.js"),n=require("../../dropdown/Common.styled.js"),u=require("../../dropShadow/DropShadow.js"),o=require("../../../hooks/useOutside.js"),d=require("../../../utils/DateUtils.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(r);exports.default=l=>{const[j,p]=r.useState(null),[f,h]=r.useState(null),[g,m]=r.useState(!1),{styles:D,attributes:x}=a.usePopper(j,f,{placement:l.placement}),y=c.default.useRef();return o.useOutside(y,(()=>{m(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"date-preview",ref:p,onClick:()=>{m(!g)}},{children:[e.jsx(t.default,{width:24,height:24}),e.jsx("span",Object.assign({style:{marginLeft:8}},{children:d.default.onlyDateFormat(l.customDate,"dd MMM yyyy")})),e.jsx(s.default,{style:{marginLeft:"auto"},width:22,height:22})]})),g&&e.jsx(n.OpenDropdownContainer,Object.assign({ref:h,style:Object.assign(Object.assign({},D.popper),{zIndex:3})},x.popper,{children:e.jsx("div",Object.assign({ref:y},{children:e.jsx(u.default,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:e.jsx(i.DatePicker,{selectedDate:l.customDate||new Date,selectRange:!1,onSelectDate:e=>{m(!1),l.setCustomDate(e)},minDate:l.minDate})}))}))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/calendar.svg.js"),s=require("../../../assets/icons/chevronDown.svg.js"),r=require("react"),a=require("react-popper"),i=require("../../datePicker/DatePicker.js"),n=require("../../dropdown/Common.styled.js"),u=require("../../dropShadow/DropShadow.js"),o=require("../../../hooks/useOutside.js"),d=require("../../../utils/DateUtils.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(r);exports.default=l=>{const[j,p]=r.useState(null),[f,m]=r.useState(null),[D,h]=r.useState(!1),{styles:g,attributes:x}=a.usePopper(j,f,{placement:l.placement}),y=c.default.useRef();return o.useOutside(y,(()=>{h(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"date-preview",ref:p,onClick:()=>{h(!D)}},{children:[e.jsx(t.default,{width:24,height:24}),e.jsx("span",Object.assign({style:{marginLeft:8}},{children:d.default.onlyDateFormat(l.customDate,"dd MMM yyyy")})),e.jsx(s.default,{style:{marginLeft:"auto"},width:22,height:22})]})),D&&e.jsx(n.OpenDropdownContainer,Object.assign({ref:m,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},x.popper,{children:e.jsx("div",Object.assign({ref:y},{children:e.jsx(u.default,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:e.jsx(i.DatePicker,{selectedDate:l.customDate||new Date,selectRange:!1,onSelectDate:e=>{h(!1),l.setCustomDate(e)},minDate:l.minDate,maxDate:l.maxDate})}))}))}))]})};

package/dist/esm/components/custom-date-time/CustomDateTime.d.ts

@@ -4,6 +4,7 @@ export interface CustomTimeProps {
     time?: string;
     date: Date;
     minDate?: Date;
+    maxDate?: Date;
     onChange: (date: Date) => void;
     error: string | undefined;
     setError: (error: string | undefined) => void;

package/dist/esm/components/custom-date-time/CustomDateTime.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as d}from"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import l from"../../utils/DateUtils.js";import c from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as u}from"./CustomDateTime.styled.js";const j=()=>{const e=[];for(let o=0;o<2;o++)for(let t=0;t<12;t++){let r;r=0===t?"12":t<10?`0${t}`:`${t}`;const n=`${r}:00 ${0===o?"AM":"PM"}`,s=`${r}:30 ${0===o?"AM":"PM"}`;e.push({label:n,value:n,selected:!1},{label:s,value:s,selected:!1})}return e},w=w=>{const[D,f]=n(w.time),[h,v]=n(w.date);s((()=>{w.setError(void 0);const e=l.convert12HourTimeTo24Hour(D),o=t(new Date,"HH:mm:ss");if(r(h)&&e<o)return void w.setError("Selected time should be later than current time");w.setError(void 0);const[n,s]=e.split(":"),i=new Date(h.getTime());i.setHours(+n,+s),w.onChange(i)}),[h,D]);return e(u,{children:[e("div",Object.assign({style:{display:"flex",gap:16}},{children:[o("div",Object.assign({style:{flex:1}},{children:o(i,{customDate:h,setCustomDate:v,placement:w.placement,minDate:w.minDate})})),w.time&&o("div",Object.assign({style:{flex:1}},{children:o(m,Object.assign({options:j(),onSelect:e=>{f(e.value)}},{children:o(d,{value:D,leftIcon:{icon:a},rightIcon:{icon:c},onChangeText:e=>(e=>{if(l.timeFormatValidation(e)){const o=l.convert12HourTimeTo24Hour(e),n=t(new Date,"HH:mm:ss");if(r(h)&&o<n)return void w.setError("Selected time should be later than current time");w.setError(void 0),f(e)}else w.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})}))}))]})),w.error&&o(p,Object.assign({style:{paddingTop:8}},{children:w.error}))]})};export{w as CustomDateTime};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as d}from"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import l from"../../utils/DateUtils.js";import c from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as u}from"./CustomDateTime.styled.js";const j=()=>{const e=[];for(let o=0;o<2;o++)for(let t=0;t<12;t++){let r;r=0===t?"12":t<10?`0${t}`:`${t}`;const n=`${r}:00 ${0===o?"AM":"PM"}`,s=`${r}:30 ${0===o?"AM":"PM"}`;e.push({label:n,value:n,selected:!1},{label:s,value:s,selected:!1})}return e},D=D=>{var w;const[f,h]=n(null!==(w=D.time)&&void 0!==w?w:"00:00:00"),[v,M]=n(D.date);s((()=>{D.setError(void 0);const e=l.convert12HourTimeTo24Hour(f),o=t(new Date,"HH:mm:ss");if(r(v)&&e<o)return void D.setError("Selected time should be later than current time");D.setError(void 0);const[n,s]=e.split(":"),i=new Date(v.getTime());i.setHours(+n,+s),D.onChange(i)}),[v,f]);return e(u,{children:[e("div",Object.assign({style:{display:"flex",gap:16}},{children:[o("div",Object.assign({style:{flex:1}},{children:o(i,{customDate:v,setCustomDate:M,placement:D.placement,minDate:D.minDate,maxDate:D.maxDate})})),D.time&&o("div",Object.assign({style:{flex:1}},{children:o(m,Object.assign({options:j(),onSelect:e=>{h(e.value)}},{children:o(d,{value:f,leftIcon:{icon:a},rightIcon:{icon:c},onChangeText:e=>(e=>{if(l.timeFormatValidation(e)){const o=l.convert12HourTimeTo24Hour(e),n=t(new Date,"HH:mm:ss");if(r(v)&&o<n)return void D.setError("Selected time should be later than current time");D.setError(void 0),h(e)}else D.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})}))}))]})),D.error&&o(p,Object.assign({style:{paddingTop:8}},{children:D.error}))]})};export{D as CustomDateTime};

package/dist/esm/components/custom-date-time/DateSelector/DateSelector.d.ts

@@ -3,6 +3,7 @@ import React, { SetStateAction } from 'react';
 declare const DateSelector: React.FC<{
     customDate: Date;
     minDate?: Date;
+    maxDate?: Date;
     setCustomDate: React.Dispatch<SetStateAction<Date>>;
     placement: Placement;
 }>;

package/dist/esm/components/custom-date-time/DateSelector/DateSelector.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as s}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import o from"../../../assets/icons/chevronDown.svg.js";import i,{useState as a}from"react";import{usePopper as n}from"react-popper";import{DatePicker as m}from"../../datePicker/DatePicker.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import l from"../../dropShadow/DropShadow.js";import{useOutside as d}from"../../../hooks/useOutside.js";import p from"../../../utils/DateUtils.js";const f=f=>{const[h,j]=a(null),[u,g]=a(null),[D,y]=a(!1),{styles:b,attributes:w}=n(h,u,{placement:f.placement}),O=i.useRef();return d(O,(()=>{y(!1)})),e(t,{children:[e("div",Object.assign({className:"date-preview",ref:j,onClick:()=>{y(!D)}},{children:[s(r,{width:24,height:24}),s("span",Object.assign({style:{marginLeft:8}},{children:p.onlyDateFormat(f.customDate,"dd MMM yyyy")})),s(o,{style:{marginLeft:"auto"},width:22,height:22})]})),D&&s(c,Object.assign({ref:g,style:Object.assign(Object.assign({},b.popper),{zIndex:3})},w.popper,{children:s("div",Object.assign({ref:O},{children:s(l,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:s(m,{selectedDate:f.customDate||new Date,selectRange:!1,onSelectDate:e=>{y(!1),f.setCustomDate(e)},minDate:f.minDate})}))}))}))]})};export{f as default};
+import{jsxs as e,Fragment as t,jsx as s}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import o from"../../../assets/icons/chevronDown.svg.js";import a,{useState as i}from"react";import{usePopper as n}from"react-popper";import{DatePicker as m}from"../../datePicker/DatePicker.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import l from"../../dropShadow/DropShadow.js";import{useOutside as d}from"../../../hooks/useOutside.js";import p from"../../../utils/DateUtils.js";const f=f=>{const[h,j]=i(null),[u,D]=i(null),[g,y]=i(!1),{styles:b,attributes:w}=n(h,u,{placement:f.placement}),O=a.useRef();return d(O,(()=>{y(!1)})),e(t,{children:[e("div",Object.assign({className:"date-preview",ref:j,onClick:()=>{y(!g)}},{children:[s(r,{width:24,height:24}),s("span",Object.assign({style:{marginLeft:8}},{children:p.onlyDateFormat(f.customDate,"dd MMM yyyy")})),s(o,{style:{marginLeft:"auto"},width:22,height:22})]})),g&&s(c,Object.assign({ref:D,style:Object.assign(Object.assign({},b.popper),{zIndex:3})},w.popper,{children:s("div",Object.assign({ref:O},{children:s(l,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:s(m,{selectedDate:f.customDate||new Date,selectRange:!1,onSelectDate:e=>{y(!1),f.setCustomDate(e)},minDate:f.minDate,maxDate:f.maxDate})}))}))}))]})};export{f as default};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.332-1",
+	"version": "0.0.332-3",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",