@bikdotai/bik-component-library 0.0.104--beta-date-2.0 → 0.0.104
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/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +0 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
- package/dist/cjs/components/datePicker/DatePicker.d.ts +0 -1
- package/dist/cjs/components/datePicker/DatePicker.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +0 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
- package/dist/esm/components/datePicker/DatePicker.d.ts +0 -1
- package/dist/esm/components/datePicker/DatePicker.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"),n=require("react"),o=require("react-bootstrap"),t=require("../../constants/Theme.js"),s=require("../datePicker/DatePicker.js"),i=require("../TypographyStyle.js"),l=require("./CommonStyles.js");const a=n=>{let{eachOption:o,selectedOption:s,selectedDate:a,onClickingEachItem:c}=n;return e.jsxs(l.ItemMenuContainer,Object.assign({onClick:()=>c(o),isSelected:o.isCustom?o.key==(null==s?void 0:s.key)&&!!a:o.key==(null==s?void 0:s.key)},{children:[e.jsx(i.BodySecondary,Object.assign({color:o.key==(null==s?void 0:s.key)?t.BASE_COLORS.positive[900]:t.BASE_COLORS.grayscale[900]},{children:o.label})),a&&(null==s?void 0:s.isCustom)&&o.key==(null==s?void 0:s.key)&&e.jsx(i.BodyCaption,{children:`${d(a[0])} to ${d(a[1])}`})]}),o.key)},d=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});exports.AnalyticsDropdown=t=>{let{options:c,placeholder:r="Select an option",selected:u,onOptionSelected:p,resetDropdown:g}=t;var j,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),o=require("react-bootstrap"),t=require("../../constants/Theme.js"),s=require("../datePicker/DatePicker.js"),i=require("../TypographyStyle.js"),l=require("./CommonStyles.js");const a=n=>{let{eachOption:o,selectedOption:s,selectedDate:a,onClickingEachItem:c}=n;return e.jsxs(l.ItemMenuContainer,Object.assign({onClick:()=>c(o),isSelected:o.isCustom?o.key==(null==s?void 0:s.key)&&!!a:o.key==(null==s?void 0:s.key)},{children:[e.jsx(i.BodySecondary,Object.assign({color:o.key==(null==s?void 0:s.key)?t.BASE_COLORS.positive[900]:t.BASE_COLORS.grayscale[900]},{children:o.label})),a&&(null==s?void 0:s.isCustom)&&o.key==(null==s?void 0:s.key)&&e.jsx(i.BodyCaption,{children:`${d(a[0])} to ${d(a[1])}`})]}),o.key)},d=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});exports.AnalyticsDropdown=t=>{let{options:c,placeholder:r="Select an option",selected:u,onOptionSelected:p,resetDropdown:g}=t;var j,O,v;const[m,h]=n.useState(!1),[y,D]=n.useState(u),[x,S]=n.useState(),[b,w]=n.useState(!1),k=()=>{!m&&w(!b)};return n.useEffect((()=>{g&&D(void 0)}),[g]),e.jsx(e.Fragment,{children:e.jsxs(l.MainDropdown,Object.assign({drop:"down",show:b,onToggle:k},{children:[e.jsx(o.Dropdown.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown"},{children:e.jsx(i.BodySecondary,{children:(null==y?void 0:y.isCustom)?x?`${d(x[0])} to ${d(x[1])}`:r:y?null==y?void 0:y.label:r})})),e.jsx(o.Dropdown.Menu,Object.assign({className:"main--dropdown"},{children:e.jsxs(l.MainDropdown,Object.assign({drop:"end",id:"sub--dropdown",show:m,onToggle:e=>{!e&&w(!1),h(!m)}},{children:[c.map((n=>e.jsx("div",{children:(null==n?void 0:n.isCustom)?e.jsx(o.Dropdown.Toggle,Object.assign({className:"sub--dropdown"},{children:e.jsx(a,{eachOption:n,selectedOption:y,selectedDate:x,onClickingEachItem:e=>{D(e),h(!0)}})})):e.jsx(a,{eachOption:n,selectedOption:y,selectedDate:x,onClickingEachItem:e=>{if(D(e),k(),!e.noOfDays)return void p(e);const n=new Date,o=new Date;o.setDate(n.getDate()-e.noOfDays),p(Object.assign(Object.assign({},e),{selectedRange:[o,n]}))}})},null==n?void 0:n.key))),e.jsx(o.Dropdown.Menu,Object.assign({className:"sub--dropdown"},{children:e.jsx(s.DatePicker,{selectRange:(null===(j=null==y?void 0:y.dateRangeSelectionOptions)||void 0===j?void 0:j.selectRange)||!1,maxDate:null===(O=null==y?void 0:y.dateRangeSelectionOptions)||void 0===O?void 0:O.maxDate,minDate:null===(v=null==y?void 0:y.dateRangeSelectionOptions)||void 0===v?void 0:v.minDate,selectedDates:x,onSelectRange:(e,n)=>{var o;(null===(o=null==y?void 0:y.dateRangeSelectionOptions)||void 0===o?void 0:o.selectRange)&&p(Object.assign(Object.assign({},y),{selectedRange:[e,n]})),h(!1);S([e,n]),w(!b)}})}))]}))}))]}))})},exports.EachItem=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-calendar"),n=require("./DatePicker.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=r(a);exports.DatePicker=a=>{const[r,s]=t.useState(a.selectedDates),[l,i]=t.useState(a.selectedDate);return e.jsx(n.PickerContainer,Object.assign({selectRange:a.selectRange},{children:e.jsx(c.default,{onChange:e=>{a.selectRange&&a.onSelectRange?(a.onSelectRange(e[0],e[1]),s([e[0],e[1]])):a.onSelectDate&&(a.onSelectDate(e),i(e))},value:a.selectRange?r:l,selectRange:a.selectRange,minDate:a.minDate,maxDate:a.maxDate
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-calendar"),n=require("./DatePicker.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=r(a);exports.DatePicker=a=>{const[r,s]=t.useState(a.selectedDates),[l,i]=t.useState(a.selectedDate);return e.jsx(n.PickerContainer,Object.assign({selectRange:a.selectRange},{children:e.jsx(c.default,{onChange:e=>{a.selectRange&&a.onSelectRange?(a.onSelectRange(e[0],e[1]),s([e[0],e[1]])):a.onSelectDate&&(a.onSelectDate(e),i(e))},value:a.selectRange?r:l,selectRange:a.selectRange,minDate:a.minDate,maxDate:a.maxDate})}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as o,jsxs as n}from"react/jsx-runtime";import{useState as t,useEffect as i}from"react";import{Dropdown as l}from"react-bootstrap";import{BASE_COLORS as s}from"../../constants/Theme.js";import{DatePicker as a}from"../datePicker/DatePicker.js";import{BodySecondary as d,BodyCaption as c}from"../TypographyStyle.js";import{MainDropdown as r,ItemMenuContainer as m}from"./CommonStyles.js";const g=s=>{let{options:c,placeholder:m="Select an option",selected:g,onOptionSelected:v,resetDropdown:
|
|
1
|
+
import{jsx as e,Fragment as o,jsxs as n}from"react/jsx-runtime";import{useState as t,useEffect as i}from"react";import{Dropdown as l}from"react-bootstrap";import{BASE_COLORS as s}from"../../constants/Theme.js";import{DatePicker as a}from"../datePicker/DatePicker.js";import{BodySecondary as d,BodyCaption as c}from"../TypographyStyle.js";import{MainDropdown as r,ItemMenuContainer as m}from"./CommonStyles.js";const g=s=>{let{options:c,placeholder:m="Select an option",selected:g,onOptionSelected:v,resetDropdown:h}=s;var O,y,b;const[j,k]=t(!1),[D,w]=t(g),[f,S]=t(),[R,C]=t(!1),T=()=>{!j&&C(!R)};return i((()=>{h&&w(void 0)}),[h]),e(o,{children:n(r,Object.assign({drop:"down",show:R,onToggle:T},{children:[e(l.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown"},{children:e(d,{children:(null==D?void 0:D.isCustom)?f?`${u(f[0])} to ${u(f[1])}`:m:D?null==D?void 0:D.label:m})})),e(l.Menu,Object.assign({className:"main--dropdown"},{children:n(r,Object.assign({drop:"end",id:"sub--dropdown",show:j,onToggle:e=>{!e&&C(!1),k(!j)}},{children:[c.map((o=>e("div",{children:(null==o?void 0:o.isCustom)?e(l.Toggle,Object.assign({className:"sub--dropdown"},{children:e(p,{eachOption:o,selectedOption:D,selectedDate:f,onClickingEachItem:e=>{w(e),k(!0)}})})):e(p,{eachOption:o,selectedOption:D,selectedDate:f,onClickingEachItem:e=>{if(w(e),T(),!e.noOfDays)return void v(e);const o=new Date,n=new Date;n.setDate(o.getDate()-e.noOfDays),v(Object.assign(Object.assign({},e),{selectedRange:[n,o]}))}})},null==o?void 0:o.key))),e(l.Menu,Object.assign({className:"sub--dropdown"},{children:e(a,{selectRange:(null===(O=null==D?void 0:D.dateRangeSelectionOptions)||void 0===O?void 0:O.selectRange)||!1,maxDate:null===(y=null==D?void 0:D.dateRangeSelectionOptions)||void 0===y?void 0:y.maxDate,minDate:null===(b=null==D?void 0:D.dateRangeSelectionOptions)||void 0===b?void 0:b.minDate,selectedDates:f,onSelectRange:(e,o)=>{var n;(null===(n=null==D?void 0:D.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange)&&v(Object.assign(Object.assign({},D),{selectedRange:[e,o]})),k(!1);S([e,o]),C(!R)}})}))]}))}))]}))})},p=o=>{let{eachOption:t,selectedOption:i,selectedDate:l,onClickingEachItem:a}=o;return n(m,Object.assign({onClick:()=>a(t),isSelected:t.isCustom?t.key==(null==i?void 0:i.key)&&!!l:t.key==(null==i?void 0:i.key)},{children:[e(d,Object.assign({color:t.key==(null==i?void 0:i.key)?s.positive[900]:s.grayscale[900]},{children:t.label})),l&&(null==i?void 0:i.isCustom)&&t.key==(null==i?void 0:i.key)&&e(c,{children:`${u(l[0])} to ${u(l[1])}`})]}),t.key)},u=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{g as AnalyticsDropdown,p as EachItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import a from"react-calendar";import{PickerContainer as n}from"./DatePicker.styled.js";const c=c=>{const[l
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import a from"react-calendar";import{PickerContainer as n}from"./DatePicker.styled.js";const c=c=>{const[r,l]=t(c.selectedDates),[o,s]=t(c.selectedDate);return e(n,Object.assign({selectRange:c.selectRange},{children:e(a,{onChange:e=>{c.selectRange&&c.onSelectRange?(c.onSelectRange(e[0],e[1]),l([e[0],e[1]])):c.onSelectDate&&(c.onSelectDate(e),s(e))},value:c.selectRange?r:o,selectRange:c.selectRange,minDate:c.minDate,maxDate:c.maxDate})}))};export{c as DatePicker};
|