@bikdotai/bik-component-library 0.0.186 → 0.0.187
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/cjs/components/custom-date-time/CustomDateTime.d.ts +1 -0
- package/dist/cjs/components/custom-date-time/CustomDateTime.js +1 -1
- package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.d.ts +1 -0
- package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js +1 -1
- package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
- package/dist/esm/components/custom-date-time/CustomDateTime.d.ts +1 -0
- package/dist/esm/components/custom-date-time/CustomDateTime.js +1 -1
- package/dist/esm/components/custom-date-time/DateSelector/DateSelector.d.ts +1 -0
- package/dist/esm/components/custom-date-time/DateSelector/DateSelector.js +1 -1
- package/dist/esm/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
- package/package.json +1 -1
|
@@ -1 +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");require("../dropdown/Dropdown.js");var s=require("../dropdown/DropdownPopover/index.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("../dropdown/OpenedDropdown/components/menu/SelectAllMenu.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"),l=require("../../assets/icons/clock.svg.js"),a=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),[w
|
|
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");require("../dropdown/Dropdown.js");var s=require("../dropdown/DropdownPopover/index.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("../dropdown/OpenedDropdown/components/menu/SelectAllMenu.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"),l=require("../../assets/icons/clock.svg.js"),a=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(a.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})})),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:l.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}))]})};
|
|
@@ -1 +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,
|
|
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})}))}))}))]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),i=require("date-fns"),s=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),i=require("date-fns"),s=require("react"),a=require("../../custom-date-time/CustomDateTime.js"),r=require("../../input/Input.js"),o=require("../../radioButton/RadioButton.js"),n=require("../../TypographyStyle.js"),I=require("../../../constants/Theme.js");exports.COUPON_EXPIRATION=void 0,(e=exports.COUPON_EXPIRATION||(exports.COUPON_EXPIRATION={})).FIXED_EXPIRATION="fixedExpiration",e.DYNAMIC_EXPIRATION="dynamicExpiration";exports.CouponExpiration=e=>{var d;const[O,c]=s.useState(e.discountData.expireAt?exports.COUPON_EXPIRATION.FIXED_EXPIRATION:e.discountData.expireAfter?exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION:void 0),[x,p]=s.useState(),[u,A]=s.useState(),N=(new Date).setDate((new Date).getDate()+1);s.useEffect((()=>{(null==O||x||u)&&e.setDiscountData(Object.assign(Object.assign({},e.discountData),{expireAfter:void 0,expireAt:void 0})),O&&(x||u)&&(O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION?A(void 0):p(void 0))}),[O,x,u]);return t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13}},{children:[t.jsx(n.TitleRegular,{children:"Coupon expiration (optional)"}),t.jsxs("div",Object.assign({style:{display:"flex",gap:18}},{children:[t.jsx(o.RadioButton,{isActive:O===exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION,onValueChange:()=>{A(void 0),c(O===exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION?void 0:exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION)}}),t.jsx(n.BodySecondary,{children:"Validity days from coupon claim"})]})),O===exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION&&t.jsx(r.Input,{value:null===(d=e.discountData.expireAfter)||void 0===d?void 0:d.toString(),placeholder:"Enter the number of days",width:"400px",type:"number",onChangeText:t=>{(t=>{A(void 0);const i=Number.parseInt(t);i>0?e.setDiscountData(Object.assign(Object.assign({},e.discountData),{expireAfter:i,expireAt:void 0})):A("Please enter days more than 0")})(t)}}),u&&t.jsx(n.BodySecondary,Object.assign({style:{color:I.DEFAULT_THEME.colorsV2.stroke.negative.vibrant}},{children:u})),t.jsxs("div",Object.assign({style:{display:"flex",gap:18}},{children:[t.jsx(o.RadioButton,{isActive:O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION,onValueChange:()=>{c(O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION?void 0:exports.COUPON_EXPIRATION.FIXED_EXPIRATION)}}),t.jsx(n.BodySecondary,{children:"Fixed expiry date"})]})),O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION&&t.jsxs(t.Fragment,{children:[t.jsx(n.BodySecondary,{children:"Ending on"}),t.jsx(a.CustomDateTime,{placement:"bottom-start",time:e.discountData.expireAt?i.format(new Date(e.discountData.expireAt),"hh:mm a"):i.format(new Date,"hh:mm a"),date:e.discountData.expireAt?new Date(e.discountData.expireAt):new Date,error:x,setError:p,onChange:t=>{e.setDiscountData(Object.assign(Object.assign({},e.discountData),{expireAt:t,expireAfter:void 0}))},minDate:new Date(N)})]})]}))};
|
|
@@ -1 +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"../dropdown/Dropdown.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.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"../dropdown/OpenedDropdown/components/menu/SelectAllMenu.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[f
|
|
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"../dropdown/Dropdown.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.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"../dropdown/OpenedDropdown/components/menu/SelectAllMenu.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})})),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};
|
|
@@ -1 +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
|
|
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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{format as a}from"date-fns";import{useState as n,useEffect as o}from"react";import{CustomDateTime as r}from"../../custom-date-time/CustomDateTime.js";import{Input as s}from"../../input/Input.js";import{RadioButton as d}from"../../radioButton/RadioButton.js";import{TitleRegular as c,BodySecondary as p}from"../../TypographyStyle.js";import{DEFAULT_THEME as D}from"../../../constants/Theme.js";var I;!function(e){e.FIXED_EXPIRATION="fixedExpiration",e.DYNAMIC_EXPIRATION="dynamicExpiration"}(I||(I={}));const l=l=>{var m;const[A,u]=n(l.discountData.expireAt?I.FIXED_EXPIRATION:l.discountData.expireAfter?I.DYNAMIC_EXPIRATION:void 0),[x,E]=n(),[h,v]=n(),O=(new Date).setDate((new Date).getDate()+1);o((()=>{(null==A||x||h)&&l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:void 0,expireAt:void 0})),A&&(x||h)&&(A===I.FIXED_EXPIRATION?v(void 0):E(void 0))}),[A,x,h]);return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13}},{children:[t(c,{children:"Coupon expiration (optional)"}),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(d,{isActive:A===I.DYNAMIC_EXPIRATION,onValueChange:()=>{v(void 0),u(A===I.DYNAMIC_EXPIRATION?void 0:I.DYNAMIC_EXPIRATION)}}),t(p,{children:"Validity days from coupon claim"})]})),A===I.DYNAMIC_EXPIRATION&&t(s,{value:null===(m=l.discountData.expireAfter)||void 0===m?void 0:m.toString(),placeholder:"Enter the number of days",width:"400px",type:"number",onChangeText:e=>{(e=>{v(void 0);const t=Number.parseInt(e);t>0?l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:t,expireAt:void 0})):v("Please enter days more than 0")})(e)}}),h&&t(p,Object.assign({style:{color:D.colorsV2.stroke.negative.vibrant}},{children:h})),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(d,{isActive:A===I.FIXED_EXPIRATION,onValueChange:()=>{u(A===I.FIXED_EXPIRATION?void 0:I.FIXED_EXPIRATION)}}),t(p,{children:"Fixed expiry date"})]})),A===I.FIXED_EXPIRATION&&e(i,{children:[t(p,{children:"Ending on"}),t(r,{placement:"bottom-start",time:l.discountData.expireAt?a(new Date(l.discountData.expireAt),"hh:mm a"):a(new Date,"hh:mm a"),date:l.discountData.expireAt?new Date(l.discountData.expireAt):new Date,error:x,setError:E,onChange:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(O)})]})]}))};export{I as COUPON_EXPIRATION,l as CouponExpiration};
|