@orfium/ictinus 4.55.0-next.3 → 4.55.0-next.30

package/dist/components/CheckBox/CheckBox.style.js

@@ -1,73 +0,0 @@
-import{css as e}from"@emotion/react";import{rem as i}from"../../theme/utils.js";import{BASE_SHADE as t}from"../../theme/palette.js";const o=({isDisabled:i})=>()=>e`
-      opacity: ${i?.3:1};
-      justify-content: center;
-      align-items: center;
-      display: flex;
-    `,l=({isDisabled:t})=>()=>{const o=!t&&"&:hover {\n    &:before {\n      display: block;\n      background: rgba(0, 0, 0, 0.05);\n    }\n  }";return e`
-      border-radius: 100%;
-      display: flex;
-      width: ${i(48)};
-      height: ${i(48)};
-      justify-content: center;
-      align-items: center;
-      position: relative;
-
-      &:before {
-        display: none;
-        border-radius: 100%;
-        transition: all 0.2s;
-        content: ' ';
-        width: ${i(48)};
-        height: ${i(48)};
-        position: absolute;
-      }
-
-      ${o}
-    `},r=({isChecked:o,isFilled:l})=>r=>e`
-      border: 0;
-      border-radius: ${i(2)};
-      width: ${i(24)};
-      height: ${i(24)};
-
-      position: absolute;
-      opacity: 0; // hide it
-
-      & + label {
-        position: relative;
-        cursor: pointer;
-        padding: 0;
-      }
-
-      // Box.
-      & + label:before {
-        content: '';
-        transition: all 0.2s;
-        display: inline-block;
-        vertical-align: text-top;
-        width: ${i(24)};
-        height: ${i(24)};
-        ${(({isChecked:e,isFilled:o,theme:l})=>e?`background: ${l.utils.getColor("primary",t,"normal")}`:o?`background: ${l.utils.getColor("lightGrey",300)}`:`background: inherit; box-shadow: inset 0px 0px 0px ${i("2px")} ${l.utils.getColor("lightGrey",300)};`)({isChecked:o,isFilled:l,theme:r})};
-        border-radius: ${i(4)};
-      }
-
-      // Disabled state label.
-      &:disabled + label {
-        cursor: not-allowed;
-      }
-    `,s=({isChecked:i})=>e`
-    span {
-      padding: 0;
-    }
-
-    svg {
-      position: absolute;
-      top: 0;
-      display: ${i?"block":"none"};
-    }
-  `,a=()=>t=>e`
-      padding-left: ${i(4)};
-      font-size: ${t.globals.typography.fontSizes[15]};
-      font-weight: ${t.globals.typography.weights.get("regular")};
-      color: ${t.utils.getColor("darkGrey",750)};
-      white-space: nowrap;
-    `;export{r as checkboxStyle,l as checkboxWrapperStyle,a as labelStyle,s as markerStyle,o as wrapperStyle};

package/dist/components/Chip/Chip.js

@@ -1 +0,0 @@
-import{__rest as e}from"tslib";import{jsxs as i,jsx as s}from"@emotion/react/jsx-runtime";import t,{Fragment as r}from"react";import{errorHandler as d,generateTestDataId as a}from"../../utils/helpers.js";import{avatarStyle as o,closeIconWrapperStyle as l,chipStyle as c}from"./Chip.style.js";import n from"./components/Badge/Badge.js";import{defaultProps as m,errors as p}from"./utils.js";import b from"../Avatar/Avatar.js";import f from"../Icon/Icon.js";const v=t.forwardRef(((t,v)=>{var{styleType:h=m.styleType,isDisabled:y=m.isDisabled,dataTestId:u=m.dataTestId}=t,j=e(t,["styleType","isDisabled","dataTestId"]);const{onClick:g,isChecked:T,thumbnail:k,fill:C,isSelected:I,onClear:O,children:S,badgeNumber:D}=j;d(p,{styleType:h,isSelected:I,isChecked:T,badgeNumber:D,isDisabled:y});const N=i(r,{children:[T&&s(f,{size:14,name:"checkmark",color:"darkGrey",variant:850},void 0),k&&s("div",Object.assign({css:o()},{children:s(b,Object.assign({color:"blue",src:k.src,dataTestPrefixId:"chip"},{children:k.name}),void 0)}),void 0),s("div",{children:S},void 0),D&&s(n,{fill:C,badgeNumber:D,isSelected:I,dataTestId:u},void 0),O&&s("div",Object.assign({css:l(y)},{children:s(f,{size:14,name:"close",color:"darkGrey",variant:850,onClick:e=>{e.stopPropagation(),y||O()}},void 0)}),void 0)]},void 0);return"read-only"===h?s("div",Object.assign({ref:v,"data-testid":a("chip",u),css:c({styleType:h,fill:C,isSelected:I}),"aria-readonly":"true"},{children:N}),void 0):s("button",Object.assign({role:"button",ref:v,"data-testid":a("chip",u),css:c({styleType:h,fill:C,isSelected:I,onClear:O,onClick:g}),onClick:g,disabled:y},{children:N}),void 0)}));v.displayName="Chip";export{v as default};

package/dist/components/Chip/Chip.style.js

@@ -1,38 +0,0 @@
-import{css as o}from"@emotion/react";import{flexCenterVertical as t}from"../../theme/functions.js";import{rem as e}from"../../theme/utils.js";import{getDisabled as r}from"../../theme/states/disabled.js";import{getFocus as s}from"../../theme/states/focus.js";import{getHover as i}from"../../theme/states/hover.js";import{getPressed as l}from"../../theme/states/pressed.js";const n=({styleType:n,fill:a="greyScale",isSelected:g,onClear:c,onClick:d})=>h=>{const m="interactive"===n,b="read-only"===n||c||g;return o`
-      ${t};
-      height: ${h.globals.spacing.get("8")};
-      border-radius: ${h.globals.spacing.get("8")};
-      font-size: ${h.globals.typography.fontSizes.get("2")};
-      font-weight: ${h.globals.typography.weights.get("medium")};
-      line-height: normal;
-      box-sizing: border-box;
-      padding: ${h.globals.spacing.get("3")} ${h.globals.spacing.get("4")};
-      background-color: ${b?h.utils.getColor(a,50):h.globals.colors.white};
-      color: ${h.utils.getAAColorFromSwatches(a,50)};
-      border: ${e(1)} solid
-        ${b?h.utils.getColor(a,550):h.utils.getColor("lightGrey",200)};
-      cursor: ${d?"pointer":"auto"};
-      width: fit-content;
-      transition: background-color 150ms linear;
-
-      &:hover:not(:disabled) {
-        background: ${b?i({theme:h,color:a,shade:50}).backgroundColor:i({theme:h}).backgroundColor};
-      }
-
-      &:focus-visible:not(:disabled) {
-        outline: ${m?s({theme:h,borderWidth:1}).styleOutline:"none"};
-      }
-
-      ${m&&`\n    &:active:not(:disabled) {\n      background: ${l({theme:h,color:a,shade:50}).backgroundColor};\n    }\n\n\n      :disabled {\n        opacity: ${r().opacity};\n        cursor: ${r().cursor};\n      }\n    `}
-
-      > :not(:last-child) {
-        margin-right: ${h.globals.spacing.get("3")};
-      }
-    `},a=t=>()=>o`
-    cursor: ${t?r().cursor:"pointer"};
-  `,g=()=>o`
-  & > div {
-    width: ${e(16)};
-    height: ${e(16)};
-  }
-`;export{g as avatarStyle,n as chipStyle,a as closeIconWrapperStyle};

package/dist/components/Chip/Chip.types.js

@@ -1 +0,0 @@
-const e="read-only",t="interactive",n=[e,t];export{t as INTERACTIVE,e as READ_ONLY,n as styleType};

package/dist/components/Chip/components/Badge/Badge.js

@@ -1 +0,0 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import{generateTestDataId as t}from"../../../../utils/helpers.js";import{badgeStyle as s}from"./Badge.style.js";const i=({fill:i,isSelected:d,badgeNumber:r,dataTestId:a})=>e("div",Object.assign({"data-testid":t("badge",a),css:s({fill:i,isSelected:d})},{children:r}),void 0);export{i as default};

package/dist/components/Chip/components/Badge/Badge.style.js

@@ -1,14 +0,0 @@
-import{css as t}from"@emotion/react";import{flex as e}from"../../../../theme/functions.js";const o=({fill:o="greyScale",isSelected:i})=>l=>t`
-      ${e};
-      width: ${l.globals.spacing.get("6")};
-      height: ${l.globals.spacing.get("6")};
-      border-radius: 100%;
-      background: ${i?l.utils.getColor(o,550):l.utils.getColor("lightGrey",200)};
-      font-size: ${l.globals.typography.fontSizes.get("1")};
-      font-weight: ${l.globals.typography.weights.get("medium")};
-      align-items: center;
-      flex-shrink: 0;
-      line-height: normal;
-      justify-content: center;
-      color: ${i?l.utils.getAAColorFromSwatches(o,550):l.utils.getAAColorFromSwatches("lightGrey",200)};
-    `;export{o as badgeStyle};

package/dist/components/Chip/utils.js

@@ -1 +0,0 @@
-import{PropsValidationError as e}from"../../utils/errors.js";import{READ_ONLY as s,INTERACTIVE as t}from"./Chip.types.js";const i={isDisabled:!1,styleType:s,dataTestId:""},r=[{condition:({styleType:e,isSelected:t,isChecked:i,badgeNumber:r,isDisabled:o})=>Boolean(e===s&&(t||i||r||o)),error:new e("The properties isSelected, isChecked, badgeNumber and disabled are only for Interactive style type Chips.")},{condition:({styleType:e,thumbnail:s})=>Boolean(e===t&&s),error:new e("The property thumbnail is only for Read-Only style type Chips.")}];export{i as defaultProps,r as errors};

package/dist/components/DatePicker/DatePickInput/DatePickInput.js

@@ -1 +0,0 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import t from"react";import o from"../../../utils/date.js";import{getLocaleFormat as a,generateTestDataId as r}from"../../../utils/helpers.js";import{FilterBase as l}from"../../Filter/components/FilterBase/FilterBase.js";import i from"../../Icon/Icon.js";import s from"../../TextField/TextField.js";import{rangeInputsWrapper as n}from"./DatePickInput.style.js";const d=()=>{},c=t.forwardRef((({handleFocus:c,filterConfig:m={},handleClear:p,dataTestId:f,isRangePicker:u,inputProps:y,selectedDay:D,dateFormatOverride:h="MM/DD/YYYY",isOpen:T},I)=>{const j=t.useCallback((e=>t=>t?o(t).format(a(e)):"")(h),[h]),F=j(D.from),b=j(D.to),g=((e,t)=>({selectDate:"Select Date"+(e?"s":""),to:e?`- ${t}`:""}))(u,b),{buttonType:v="primary",styleType:$="filled",filterType:O}=m;return e("div",Object.assign({css:n()},{children:O?e(l,{isDatePicker:!0,dataTestId:r("filter",f),isDisabled:!1,buttonType:v,styleType:$,handleOpen:c,filterType:O,onClear:p,selectedItemLabel:D.from&&`${g.selectDate} : ${F} ${g.to}`,isOpen:T,hasSelectedValue:Boolean(D.from&&`${F} - ${b}`),label:D.from?"":g.selectDate,iconName:D.from?"calendarFilled":"calendarEmpty"},void 0):e(s,u?Object.assign({ref:I},y,{onFocus:c,onKeyDown:p,dataTestId:f,onChange:d,placeholder:"Date (start) - Date (end)",value:D.from&&`${F} - ${b}`,rightIcon:e(i,{name:"calendarEmpty",color:"#676767"},void 0)}):Object.assign({ref:I},y,{onFocus:c,onKeyDown:p,dataTestId:f,onChange:d,placeholder:"Select date",value:D.to&&F,rightIcon:e(i,{name:"calendarEmpty",color:"#676767"},void 0)}),void 0)}),void 0)}));c.displayName="DatePickInput";export{c as default};

package/dist/components/DatePicker/DatePickInput/DatePickInput.style.js

@@ -1,3 +0,0 @@
-import{css as t}from"@emotion/react";import{rem as o}from"../../../theme/utils.js";const m=()=>m=>t`
-  max-width: ${o(280)};
-`;export{m as rangeInputsWrapper};

package/dist/components/DatePicker/DatePicker.js

@@ -1 +0,0 @@
-import{jsx as t}from"@emotion/react/jsx-runtime";import{useState as e,useCallback as o,useEffect as i}from"react";import s from"../utils/ClickAwayListener/ClickAwayListener.js";import a from"../utils/PositionInScreen/PositionInScreen.js";import{datePickerStyles as r}from"./DatePicker.style.js";import d from"./DatePickInput/DatePickInput.js";import n from"./OverlayComponent/OverlayComponent.js";import{currentDay as l,initDates as m,datepickerPropValue as c}from"./utils.js";const f=[{value:"last-7-days",label:"Last 7 days",dates:[l.subtract(7,"day"),l]},{value:"last-30-days",label:"Last 30 days",dates:[l.subtract(30,"day"),l]},{value:"custom",label:"Custom",dates:[l]}],v=({isRangePicker:l=!1,onChange:v,disableDates:u,value:p={from:null==c?void 0:c.toDate(),to:null==c?void 0:c.toDate()},inputProps:y,dateFormatOverride:O,isClearable:b=!1,filterConfig:j,isDefaultNow:g=!0,dataTestId:C})=>{const[k,D]=e(!1),[P,A]=e(""),[h,I]=e(m(p,g)),[T,w]=e(m(p,g)),L=o((t=>{const e=f.find((e=>e.value===t));e&&I(Array.isArray(e.dates)?{from:e.dates[0],to:e.dates[1]}:{from:e.dates,to:e.dates}),A(t)}),[]),S=o((t=>{var e,o;const i={from:t.to&&(null===(e=t.from)||void 0===e?void 0:e.isAfter(t.to))?t.to:t.from,to:t.to&&(null===(o=t.from)||void 0===o?void 0:o.isAfter(t.to))?t.from:t.to};i.to&&D(!1),w(i),v&&v(i)}),[v]);i((()=>{l&&S(h)}),[S,l,h]);const x=o((t=>{const e=t.startOf("day"),o=t.endOf("day");return I(l?t=>t.from&&t.to?{from:e,to:void 0}:t.from?Object.assign(Object.assign({},t),{to:o}):Object.assign(Object.assign({},t),{from:e}):i=>i.from&&i.to&&t.isBetween(i.from,i.to)?{from:void 0,to:void 0}:{from:e,to:o})}),[l]),F=o((()=>{D(!1)}),[]),R=o((()=>{D(!0)}),[]),B=o((t=>!(!b&&"added"!==(null==j?void 0:j.filterType))&&((null==j?void 0:j.filterType)?(D(!1),w({to:void 0,from:void 0})):27===t.keyCode?D(!1):8===t.keyCode?w((t=>t.from&&t.to?Object.assign(Object.assign({},t),{to:void 0}):{to:void 0,from:void 0})):void 0)),[b,null==j?void 0:j.filterType]),N=o((()=>{S(h)}),[S,h]);return t(s,Object.assign({onClick:F},{children:t(a,Object.assign({isVisible:k,parent:()=>t(d,{filterConfig:j,isRangePicker:l,selectedDay:T,inputProps:y,dateFormatOverride:O,handleFocus:R,handleClear:B,isOpen:k,dataTestId:C},void 0)},{children:t("div",Object.assign({css:r()},{children:t(n,{selectedOption:P,setSelectedOption:L,extraOptions:f,isRangePicker:l,onDaySelect:x,selectedDays:h,disabledDates:u,onCancel:F,onApply:N},void 0)}),void 0)}),void 0)}),void 0)};export{v as default,f as extraOptions};

package/dist/components/DatePicker/DatePicker.style.js

@@ -1,7 +0,0 @@
-import{css as o}from"@emotion/react";const t=()=>t=>o`
-      position: absolute;
-      background-color: ${t.globals.colors.white};
-      z-index: 10;
-      margin-top: ${t.globals.spacing.get("4")};
-      box-shadow: ${t.globals.elevation["02"]};
-    `;export{t as datePickerStyles};

package/dist/components/DatePicker/Day/Day.js

@@ -1 +0,0 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useTypeColorToColorMatch as s}from"../../../hooks/useTypeColorToColorMatch.js";import i from"react";import{currentDay as t}from"../utils.js";import{emptyDayStyle as o,dayWrapperStyle as a,dayStyle as r}from"./Day.style.js";var l=i.memo((({day:l,month:d,year:c,onSelect:n,isSelected:m=!1,isBetween:u=!1,isLast:y=!1,isFirst:p=!1,isDisabled:h=!1})=>{const{calculateColorBetweenColorAndType:v}=s(),C=v("","primary"),b=i.useMemo((()=>l&&t.month(d).date(l).year(c)),[c,l,d]),f=i.useMemo((()=>t.month()===d&&t.year()===c&&t.date()===l),[c,d,l]),j=i.useCallback((e=>{e.preventDefault(),n&&b&&n(b)}),[n,b]);return e("td",l?Object.assign({style:{padding:0},onClick:h?void 0:j},{children:e("div",Object.assign({css:a({isSelected:m,isBetween:u,calculatedColor:C,isLast:y,isFirst:p,isToday:f,isDisabled:h})},{children:e("div",Object.assign({css:r({isSelected:m,isBetween:u,calculatedColor:C,isLast:y,isFirst:p,isToday:f,isDisabled:h})},{children:l}),void 0)}),void 0)}):{css:o({isBetween:u})},void 0)}));export{l as default};

package/dist/components/DatePicker/Day/Day.style.js

@@ -1,35 +0,0 @@
-import{css as t}from"@emotion/react";import{rem as e}from"../../../theme/utils.js";import{getHover as r}from"../../../theme/states/hover.js";import"../../../theme/palette.js";const o=({isSelected:r,isBetween:o,calculatedColor:i,isLast:n,isFirst:a,isToday:l,isDisabled:s})=>d=>t`
-      vertical-align: middle;
-      text-align: center;
-      cursor: pointer;
-      position: relative;
-      color: ${r?d.utils.getAAColorFromSwatches(i.color,i.shade):d.utils.getColor("darkGrey",850)};
-      width: ${e(40)};
-      padding: 0 ${e(4)};
-      font-weight: ${l&&"bold"};
-      opacity: ${s?.5:1};
-      background: ${n||a?"transparent":(r||o)&&void 0!==o&&d.utils.getColor("blue",50)};
-      border-bottom-right-radius: ${n&&r&&"100%"};
-      border-top-right-radius: ${n&&r&&"100%"};
-      border-bottom-left-radius: ${a&&r&&"100%"};
-      border-top-left-radius: ${a&&r&&"100%"};
-
-      ${(r||n||a)&&`&:after {\n    z-index: -1;\n    content: ' ';\n    height: 100%;\n    width: 50%;\n    position: absolute;\n    top: 0;\n     background: ${n&&a?"transparent":(r||o)&&void 0!==o&&d.utils.getColor("blue",50)};\n  left: ${n?"0":"initial"};\n  right: ${a?"0":"initial"};\n  border-bottom-right-radius: ${n&&r&&"100%"};\n  border-top-right-radius: ${n&&r&&"100%"};\n  border-bottom-left-radius: ${a&&r&&"100%"};\n  border-top-left-radius: ${a&&r&&"100%"};\n  }`}
-    `,i=({isBetween:e})=>r=>t`
-      vertical-align: middle;
-      text-align: center;
-      cursor: pointer;
-      position: relative;
-      background: ${e?r.utils.getColor("blue",50):"transparent"};
-    `,n=({isSelected:o,calculatedColor:i,isToday:n,isDisabled:a,isBetween:l})=>s=>t`
-      border: ${e(1)} solid ${n?s.utils.getColor("lightGrey",450):"transparent"};
-      border-radius: ${(n||o)&&"100%"};
-      width: ${e(39)};
-      height: ${e(39)};
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: ${o?s.utils.getColor(i.color,i.shade):"transparent"};
-
-      ${!a&&`&:hover {\n            border-radius: 100%;\n            background: ${!o&&(l?r({theme:s,color:"blue",shade:50}).backgroundColor:r({theme:s}).backgroundColor)};\n          }`}
-    `;export{n as dayStyle,o as dayWrapperStyle,i as emptyDayStyle};

package/dist/components/DatePicker/Month/Month.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import o from"dayjs/plugin/isBetween";import r from"lodash/chunk.js";import a from"lodash/inRange.js";import*as s from"react";import{useCallback as n}from"react";import i from"../../../utils/date.js";import d from"../Day/Day.js";import{currentDay as m}from"../utils.js";import{weekDaysWrapperStyle as l,weekDayStyle as c,datesWrapperStyle as y}from"./Month.style.js";import{calculateSelectedDay as u,calculateDisabledDays as f,calculatedDayIsBetween as h,calculateSelectedDayPosition as p}from"./Month.utils.js";i.extend(o);const j=["Monday","Tuesday","Wednesday","Thurdsday","Friday","Saturday","Sunday"];var D=s.memo((({year:o,month:i,onDaySelect:D,selectedDays:b,disabledDates:g})=>{const v=s.useMemo((()=>{const e=m.month(i).year(o).date(1),t=e.daysInMonth(),s=e.day(),n=function(e,t){const o=new Date(e,t-1,1).getDay(),r=new Date(e,t,0).getDate();return Math.ceil((r+o)/7)}(o,i),d=Array(7*n).fill(null).reduce(((e,o,r)=>{const n=r+1;return[...e,a(n,s,t+s)?n-s+1:void 0]}),[]);return r(d,7)}),[o,i]),B=n(u,[]),$=n(f,[]),M=n(h,[]),w=n(p,[]);return e(s.Fragment,{children:[t("div",Object.assign({css:l()},{children:j.map((e=>t("div",Object.assign({css:c()},{children:e.substr(0,2)}),e)))}),void 0),t("table",Object.assign({css:y()},{children:t("tbody",{children:v.map(((e,r)=>t("tr",{children:e.map(((e,a)=>t(d,{year:o,month:i,day:e,onSelect:D,isDisabled:Boolean($(e,i,o,g)),isSelected:Boolean(B(e,i,o,b.from,b.to)),isBetween:Boolean(M(e,i,o,b.from,b.to)),isLast:Boolean(w(e,"last",i,o,b.from,b.to)),isFirst:Boolean(w(e,"first",i,o,b.from,b.to))},`${o}-${i}-${r}-${a}-day`)))},`${o}-${i}-${r}-week`)))},void 0)}),void 0)]},void 0)}));export{D as default};

package/dist/components/DatePicker/Month/Month.style.js

@@ -1,17 +0,0 @@
-import{css as o}from"@emotion/react";import{rem as t}from"../../../theme/utils.js";const e=()=>e=>o`
-      display: flex;
-      justify-content: space-around;
-      border-top: ${t(1)} solid;
-      border-bottom: ${t(1)} solid;
-      border-color: ${e.utils.getColor("lightGrey",100)};
-    `,r=()=>e=>o`
-      color: ${e.utils.getColor("lightGrey",650)};
-      padding: ${e.globals.spacing.get("6")} 0;
-      width: ${t(39)};
-      font-size: ${e.globals.typography.fontSizes.get("3")};
-      text-align: center;
-      font-weight: ${e.globals.typography.weights.get("medium")};
-    `,l=()=>t=>o`
-      border-collapse: separate;
-      border-spacing: 0 ${t.globals.spacing.get("4")};
-    `;export{l as datesWrapperStyle,r as weekDayStyle,e as weekDaysWrapperStyle};

package/dist/components/DatePicker/Month/Month.utils.js

@@ -1 +0,0 @@
-import e from"../../../utils/date.js";import{currentDay as t}from"../utils.js";const r=(r,o,n,i)=>{if(!r)return!1;const l=t.month(o).year(n).date(r);return(null==i?void 0:i.after)&&(null==i?void 0:i.before)?!l.isBetween(e(null==i?void 0:i.after),e(null==i?void 0:i.before)):(null==i?void 0:i.after)?l.isAfter(e(null==i?void 0:i.after)):(null==i?void 0:i.before)?l.isBefore(e(null==i?void 0:i.before)):(null==i?void 0:i.daysOfWeek)?null==i?void 0:i.daysOfWeek.includes(l.day()):!!(null==i?void 0:i.days)&&Boolean(null==i?void 0:i.days.find((t=>e(t).isSame(e(l),"day"))))},o=(r,o,n,i,l)=>{if(!r)return!1;const d=t.month(o).year(n).date(r);return i&&l&&e(d).isBetween(i,l)},n=(e,r="first",o,n,i,l)=>{if(e&&i&&l){const d=i.isAfter(l)?l:i,a=i.isAfter(l)?i:l,u="last"===r?a:d;return u&&u.isSame(t.month(o).year(n).date(e),"day")}return e&&(null==i?void 0:i.isSame(t.month(o).year(n).date(e),"day"))},i=(e,r,o,n,i)=>{if(!e)return!1;const l=t.month(r).year(o).date(e);return[null==n?void 0:n.format("D,M,YYYY"),null==i?void 0:i.format("D,M,YYYY")].includes(l.format("D,M,YYYY"))};export{r as calculateDisabledDays,i as calculateSelectedDay,n as calculateSelectedDayPosition,o as calculatedDayIsBetween};

package/dist/components/DatePicker/OverlayComponent/OverlayComponent.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as s}from"@emotion/react/jsx-runtime";import*as t from"react";import{useState as i,useCallback as o}from"react";import r from"../../Button/Button.js";import{currentDay as a}from"../utils.js";import n from"./components/MonthWrapper/MonthWrapper.js";import{overlayWrapperStyle as c,optionsWrapperStyle as d,optionStyle as l,buttonsMonthsWrapperStyle as m,monthsWrapperStyle as p,buttonsWrapperStyle as h}from"./OverlayComponent.style.js";var v=t.memo((({selectedOption:t,setSelectedOption:v=(()=>{}),isRangePicker:b=!1,extraOptions:g=[],onDaySelect:y,selectedDays:j,disabledDates:f,onCancel:D=(()=>{}),onApply:O=(()=>{})})=>{const[k,u]=i(a),[w,A]=i(a),C=o(((e="back")=>{u((s=>s.month(s.month()+("forward"===e?1:-1)))),A((s=>s.month(s.month()+("forward"===e?1:-1))))}),[k,w]);return e("div",Object.assign({css:c()},{children:[g.length>0&&b&&s("div",Object.assign({css:d()},{children:g.map((e=>s("div",Object.assign({css:l({isSelected:t===e.value}),onClick:()=>v(e.value)},{children:e.label}),e.value)))}),void 0),e("div",Object.assign({css:m({isRangePicker:b})},{children:[e("div",Object.assign({css:p({isRangePicker:b})},{children:[s(n,{date:k,onDaySelect:y,selectedDays:j,setDate:u,handleArrow:C,showedArrows:b?"left":"both",disabledDates:f,isRangePicker:b},void 0),b&&s(n,{date:w.month(w.month()+1),onDaySelect:y,selectedDays:j,setDate:A,handleArrow:C,showedArrows:b?"right":"both",disabledDates:f,isRangePicker:b},void 0)]}),void 0),!b&&e("div",Object.assign({css:h()},{children:[s(r,Object.assign({isFilled:!1,size:"sm",onClick:D,type:"primary"},{children:"Cancel"}),void 0),s(r,Object.assign({size:"sm",onClick:O,type:"primary",isDisabled:Boolean(!j.from||!j.to)},{children:"Apply"}),void 0)]}),void 0)]}),void 0)]}),void 0)}));export{v as default};

package/dist/components/DatePicker/OverlayComponent/OverlayComponent.style.js

@@ -1,47 +0,0 @@
-import{css as t}from"@emotion/react";import{flex as o}from"../../../theme/functions.js";const e=()=>e=>t`
-      ${o};
-      border: 1px solid ${e.utils.getColor("lightGrey",100)};
-      border-radius: ${e.globals.spacing.get("3")};
-      width: fit-content;
-    `,i=()=>o=>t`
-      background-color: ${o.utils.getColor("lightGrey",null,"pale")};
-    `,n=({isSelected:o})=>e=>t`
-      white-space: nowrap;
-      padding: ${e.globals.spacing.get("6")};
-      font-weight: ${o?e.globals.typography.weights.get("medium"):e.globals.typography.weights.get("regular")};
-      cursor: pointer;
-      background-color: ${o?e.utils.getColor("blue",50):"transparent"};
-      position: relative;
-      font-size: ${e.globals.typography.fontSizes[13]};
-
-      &:hover {
-        background-color: ${e.utils.getColor("lightGrey",50)};
-      }
-
-      ${o&&"&:after {\n    content: '';\n    position: absolute;\n    right: -10px;\n    top: 0;\n    bottom: 0;\n    margin: auto;\n    width: 0;\n    height: 0;\n    border-left: 15px solid transparent;\n    border-right: 15px solid transparent;\n    border-top: 15px solid #fff;\n    clear: both;\n    transform: rotate(90deg);\n  }"}
-    `,r=({isRangePicker:o})=>e=>t`
-      display: flex;
-      flex-direction: column;
-      position: relative;
-      margin-bottom: ${o&&e.globals.spacing.get("6")};
-    `,g=({isRangePicker:o})=>e=>t`
-      display: flex;
-      flex-direction: row;
-      position: relative;
-      padding: 0 ${e.globals.spacing.get("8")};
-      z-index: 10;
-
-      > div:first-of-type {
-        margin-right: ${o?e.globals.spacing.get("8"):0};
-      }
-    `,l=()=>o=>t`
-      display: flex;
-      justify-content: flex-end;
-      margin-bottom: ${o.globals.spacing.get("6")};
-      margin-right: ${o.globals.spacing.get("8")};
-
-      > button {
-        margin: ${o.globals.spacing.get("4")} 0 ${o.globals.spacing.get("4")}
-          ${o.globals.spacing.get("4")};
-      }
-    `;export{r as buttonsMonthsWrapperStyle,l as buttonsWrapperStyle,g as monthsWrapperStyle,n as optionStyle,i as optionsWrapperStyle,e as overlayWrapperStyle};

package/dist/components/DatePicker/OverlayComponent/components/MonthWrapper/MonthWrapper.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as o}from"@emotion/react/jsx-runtime";import t from"../../../../../hooks/useTheme.js";import i from"lodash/range.js";import r,{useState as n,useMemo as s}from"react";import a from"../../../Month/Month.js";import{monthWrapperStyle as l,monthHeaderWrapperStyle as c,monthHeaderNavigationIconWrapperStyle as d,monthHeaderTitleWrapperStyle as m,monthHeaderTitleStyle as h}from"./MonthWrapper.style.js";import v from"../../../../Button/Button.js";import g from"../../../../Icon/Icon.js";import f from"../../../../Select/components/SelectMenu/SelectMenu.js";import p from"../../../../utils/ClickAwayListener/ClickAwayListener.js";var u=r.memo((({setDate:u,onDaySelect:j=(()=>{}),selectedDays:M,date:b,handleArrow:k=(()=>{}),showedArrows:Y="both",disabledDates:y,isRangePicker:O=!1})=>{const[C,D]=n(!1),w=t(),S=s((()=>function(e){const o=(new Date).getFullYear()+10,t=(new Date).getFullYear()-10;return i(t,o).map((o=>({value:o.toString(),label:`${e.format("MMMM")} ${o.toString()}`})))}(b)),[b]);return e(r.Fragment,{children:o("div",Object.assign({css:l()},{children:[o("div",Object.assign({css:c()},{children:[("left"===Y||"both"===Y)&&e("div",Object.assign({onClick:()=>k("back"),css:d({position:"left"})},{children:e(g,{name:"chevronSmallLeft",color:w.utils.getColor("darkGrey",850),size:25},void 0)}),void 0),o(p,Object.assign({onClick:()=>{D(!1)}},{children:[o("div",Object.assign({css:m({isRangePicker:O})},{children:[e("div",Object.assign({css:h({isRangePicker:O})},{children:O?o("div",{children:[b.format("MMMM")," ",b.format("YYYY")]},void 0):o(v,Object.assign({onClick:()=>D(!C),color:"neutralWhite-100",iconRight:e(g,{name:"triangleDown",size:10,color:w.utils.getColor("darkGrey",850)},void 0)},{children:[b.format("MMMM")," ",b.format("YYYY")]}),void 0)}),void 0),C&&e(f,{filteredOptions:S,handleOptionClick:e=>{u(b.year(Number(e.value))),D(!1)},selectedOption:b.format("YYYY")},void 0)]}),void 0),("right"===Y||"both"===Y)&&e("div",Object.assign({onClick:()=>k("forward"),css:d({position:"right"})},{children:e(g,{name:"chevronSmallRight",color:w.utils.getColor("darkGrey",850),size:25},void 0)}),void 0)]}),void 0)]}),void 0),e(a,{year:b.year(),month:b.month(),onDaySelect:j,selectedDays:M,disabledDates:y},void 0)]}),void 0)},void 0)}));export{u as default};

package/dist/components/DatePicker/OverlayComponent/components/MonthWrapper/MonthWrapper.style.js

@@ -1,36 +0,0 @@
-import{css as t}from"@emotion/react";import{rem as e}from"../../../../../theme/utils.js";const i=()=>()=>t`
-    display: flex;
-    flex-direction: column;
-  `,n=()=>()=>t`
-    display: flex;
-    align-content: center;
-    justify-content: center;
-    position: relative;
-  `,o=({position:i="left"})=>()=>t`
-      cursor: pointer;
-      margin: auto ${e(5)};
-      position: absolute;
-      ${"left"===i?"left: 0":"right: 0"};
-      top: 0;
-      bottom: 0;
-      height: fit-content;
-      z-index: 10;
-    `,l=({isRangePicker:e})=>i=>t`
-      margin: ${e&&`${i.globals.spacing.get("6")} 0`};
-      padding: 0;
-      align-content: center;
-      text-align: center;
-      flex: 1;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      position: relative;
-    `,r=({isRangePicker:e})=>i=>t`
-      margin: 0 ${i.globals.spacing.get("4")};
-      padding: ${i.globals.spacing.get("4")};
-      display: flex;
-      justify-content: center;
-      cursor: ${!e&&"pointer"};
-      font-weight: ${i.globals.typography.weights.get("medium")};
-      color: ${i.utils.getColor("darkGrey",850)};
-    `;export{o as monthHeaderNavigationIconWrapperStyle,r as monthHeaderTitleStyle,l as monthHeaderTitleWrapperStyle,n as monthHeaderWrapperStyle,i as monthWrapperStyle};

package/dist/components/DatePicker/utils.js

@@ -1 +0,0 @@
-import o from"../../utils/date.js";const t=o("11-03-2020 12:00:00"),e="test"!==process.env.NODE_ENV?void 0:o("11-03-2020 12:00:00"),s=(t,e)=>{const s=e||Object.values(t).some((o=>o));return{from:s?o(t.from):void 0,to:s?o(t.to):void 0}};export{t as currentDay,e as datepickerPropValue,s as initDates};

package/dist/components/Drawer/Drawer.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import s from"../../hooks/useBreakpoints.js";import r from"lodash/omit.js";import{drawerContainerStyle as t}from"./Drawer.style.js";import d from"./Navigation/Navigation.js";const i=i=>{var a;const n=s(),m=n.des1200&&!n.des1440;return e("div",Object.assign({css:t(i.isExpanded,n.des1200,!n.des1440),onMouseEnter:()=>m&&i.setExpanded(!0),onMouseLeave:()=>m&&i.setExpanded(!1),"data-testid":"sidebar"},{children:[null===(a=i.renderHeader)||void 0===a?void 0:a.call(i),o(d,Object.assign({},r(i,"renderHeader")),void 0)]}),void 0)};export{i as default};

package/dist/components/Drawer/Drawer.style.js

@@ -1,13 +0,0 @@
-import{css as o}from"@emotion/react";import{transition as t}from"../../theme/functions.js";import{rem as e}from"../../theme/utils.js";const i=(i,r,h)=>l=>o`
-      ${t(.2)};
-      width: ${e(i?"308px":r?"112px":"0px")};
-      background-color: white;
-      overflow: hidden;
-      flex-grow: 0;
-      flex-shrink: 0;
-      height: 100%;
-      min-height: 100%;
-      z-index: 100;
-      position: ${h?"absolute":"relative"};
-      border-right: ${e(1)} solid ${l.utils.getColor("lightGrey",200)};
-    `;export{i as drawerContainerStyle};

package/dist/components/Drawer/Navigation/MenuItem/MenuItem.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import{useTypeColorToColorMatch as i}from"../../../../hooks/useTypeColorToColorMatch.js";import o,{memo as s,useMemo as a}from"react";import{NavLink as n}from"react-router-dom";import{BASE_SHADE as r}from"../../../../theme/palette.js";import l from"../../../../hooks/useTheme.js";import{arrowContainerStyle as c,menuIconStyle as m,menuItemTextStyle as d,menuItemStyle as h,subMenuLinkStyle as p,subMenuIconStyle as g,menuLinkStyle as u}from"../Navigation.style.js";import v from"../../../ExpandCollapse/ExpandCollapse.js";import j from"../../../Icon/Icon.js";const C=s((({isCurrent:s,isExpanded:C,name:b,url:x,iconName:f,options:y,toggleMenuItem:O,state:N})=>{const A=l(),{calculateColorBetweenColorAndType:k}=i(),{color:E,shade:F}=k("","primary"),I=a((()=>y.length>0),[y.length]),T=e(o.Fragment,{children:[t("div",Object.assign({css:c(C,I)},{children:t(j,{name:"triangleRight",color:A.utils.getColor("lightGrey",650),size:10},void 0)}),void 0),t("div",Object.assign({css:m(s)},{children:t(j,{name:f,color:s?A.utils.getAAColorFromSwatches(E,F):A.utils.getColor("lightGrey",850),size:20,variant:s?F:r},void 0)}),void 0),t("span",Object.assign({className:"menu-item-text",css:d(s)},{children:b}),void 0)]},void 0);return t(o.Fragment,{children:I?t(v,Object.assign({isExpanded:C,onChange:()=>O(x),textAndControl:e=>t("button",Object.assign({type:"button",css:h(),"data-testid":x,onClick:e},{children:T}),void 0)},{children:()=>t(o.Fragment,{children:y.map((i=>i.isVisible&&e(n,Object.assign({exact:!0,to:{pathname:i.url,state:i.state},"data-testid":i.url,activeClassName:"active",isActive:null==i?void 0:i.isActive,css:p(),id:"submenu-item-link"},{children:[t("div",Object.assign({css:g()},{children:t(j,{name:i.iconName,color:A.utils.getColor("lightGrey",650),size:20},void 0)}),void 0),t("span",Object.assign({className:"submenu-item-text"},{children:i.name}),void 0)]}),i.url)))},void 0)}),void 0):t(n,Object.assign({exact:!0,to:{pathname:x,state:N},"data-testid":x,activeClassName:"active",css:u()},{children:T}),x)},void 0)}));C.displayName="MenuItem";export{C as default};

package/dist/components/Drawer/Navigation/Navigation.js

@@ -1 +0,0 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import t from"../../../hooks/useLocationToGetCurrentMenuItem.js";import{useState as r,useCallback as i}from"react";import o from"./MenuItem/MenuItem.js";import{navigationContainerStyle as s}from"./Navigation.style.js";const n=({menuItems:n,isExpanded:m})=>{const[u,a]=r([]),[c]=t(n,a),d=i((e=>{a((t=>-1!==t.indexOf(e)?[]:[e]))}),[]);return e("div",Object.assign({css:s(m)},{children:n.map((t=>t.isVisible&&e(o,Object.assign({isCurrent:c===t.url,isExpanded:u.includes(t.url),toggleMenuItem:d},t),t.url)))}),void 0)};export{n as default};

package/dist/components/Drawer/Navigation/Navigation.style.js

@@ -1,99 +0,0 @@
-import{css as o}from"@emotion/react";import{transition as t,flexCenter as e,flexCenterVertical as r}from"../../../theme/functions.js";import{BASE_SHADE as i}from"../../../theme/palette.js";import{rem as l}from"../../../theme/utils.js";import{fillPickerBasedOnType as a}from"../../../utils/themeFunctions.js";import{getFocus as g}from"../../../theme/states/focus.js";import{getHover as n}from"../../../theme/states/hover.js";import{getPressed as s}from"../../../theme/states/pressed.js";const h=e=>()=>o`
-    ${t(10.2)};
-    width: 100%;
-    background-color: white;
-    height: 100%;
-    padding: ${l(24)} 0;
-    box-sizing: border-box;
-
-    .menu-item-text,
-    .submenu-item-text {
-      opacity: ${e?1:0};
-      width: ${l(e?204:16)};
-      white-space: nowrap;
-    }
-  `,$=t=>o`
-  ${r};
-  height: ${l(44)};
-  color: ${t.utils.getColor("darkGrey",850)};
-  cursor: default;
-`,c=()=>t=>o`
-      ${$(t)};
-      width: 100%;
-      font-size: ${l(16)};
-      font-weight: ${t.globals.typography.weights.get("regular")};
-      padding: 0 ${t.globals.spacing.get("6")};
-      background: transparent;
-      border: 0 solid transparent;
-      display: flex;
-      text-align: left;
-      text-decoration: none;
-
-      &:hover {
-        background-color: ${n({theme:t}).backgroundColor};
-      }
-
-      &:focus-visible {
-        outline: ${g({theme:t}).styleOutline};
-      }
-    `,m=()=>t=>o`
-      ${c()(t)};
-      text-decoration: none;
-    `,d=e=>r=>o`
-      ${t(.2)};
-      font-weight: ${e?r.globals.typography.weights.get("bold"):"initial"};
-    `,p=()=>e=>o`
-  ${$(e)};
-  ${t(.2)};
-  box-sizing: border-box;
-  font-size: ${e.globals.typography.fontSizes.get("3")};
-  color: ${e.utils.getColor("darkGrey",850)};
-  margin: ${e.globals.spacing.get("3")} 0 ${e.globals.spacing.get("3")} 0;
-  padding-left: ${l(39)};
-
-  &:hover {
-    background-color: ${n({theme:e}).backgroundColor}; !important;
-  }
-  &.active:hover {
-    background-color: ${s({theme:e,color:"blue",shade:50}).backgroundColor} !important;
-  }
-  &.active  {
-    font-weight: ${e.globals.typography.weights.get("bold")};
-    background-color: ${s({theme:e,color:"blue"}).backgroundColor} !important;
-    color: ${e.utils.getAAColor(s({theme:e,color:"blue"}).backgroundColor)};
-
-    path {
-      fill: ${e.utils.getColor("primary",i,"normal")} !important;
-    }
-  }
-
-  &:focus-visible {
-    outline: ${g({theme:e}).styleOutline};
-  }
-  text-decoration: none;
-`,u=(r,i)=>a=>o`
-      ${t(.2)};
-      ${e};
-      width: ${l(24)};
-      height: ${l(24)};
-      opacity: ${i?"1":"0"};
-      transform: ${r?"rotate(90deg)":"rotate(0deg);"};
-      path {
-        background-color: ${a.utils.getColor("lightGrey",750)};
-      }
-    `,b=r=>g=>o`
-      ${t(.2)};
-      ${e};
-      margin-right: ${g.globals.spacing.get("4")};
-      width: ${l(32)};
-      height: ${l(32)};
-      border-radius: 50%;
-      flex-shrink: 0;
-      ${r?`background-color: ${a("primary",i)(g)}; `:""}
-    `,f=()=>t=>o`
-      ${e};
-      width: ${l(32)};
-      height: ${l(32)};
-      margin-right: ${t.globals.spacing.get("4")};
-      flex-shrink: 0;
-    `;export{u as arrowContainerStyle,b as menuIconStyle,c as menuItemStyle,d as menuItemTextStyle,m as menuLinkStyle,h as navigationContainerStyle,f as subMenuIconStyle,p as subMenuLinkStyle};

package/dist/components/ExpandCollapse/ExpandCollapse.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as e}from"@emotion/react/jsx-runtime";import*as o from"react";import{errorHandler as n,generateTestDataId as s}from"../../utils/helpers.js";import{contentStyles as i}from"./ExpandCollapse.style.js";import{useManageContentRef as r}from"./useManageContentRef.js";import{errors as a}from"./utils.js";const l=l=>{const{textAndControl:d,component:p="div",transitionDuration:m=200,content:c,children:f,isInitiallyExpanded:u=!1,isExpanded:j,onChange:x,dataTestId:h}=l;n(a,l);const[g,v]=o.useState(u),C=p,b=null!=c?c:f,y=null!=j?j:g,E=r(y,m);return t(C,Object.assign({"data-testid":s("expand-collapse",h)},{children:[d((t=>{"boolean"!=typeof j?v((t=>!t)):x&&x(t)}),y),e("div",Object.assign({css:i(y,m),ref:E},{children:b(y)}),void 0)]}),void 0)};export{l as default};

package/dist/components/ExpandCollapse/ExpandCollapse.style.js

@@ -1,6 +0,0 @@
-import{css as t}from"@emotion/react";import{rem as o}from"../../theme/utils.js";const r=(r,e)=>t`
-  transition: opacity ${r?e+100:0}ms ease,
-    transform ${r?e+100:0}ms ease;
-  opacity: ${Number(r)};
-  transform: translateY(${r?0:o("-10px")});
-`;export{r as contentStyles};

package/dist/components/ExpandCollapse/useManageContentRef.js

@@ -1 +0,0 @@
-import*as e from"react";const t=(t,r)=>{const i=e.useRef(null);return e.useLayoutEffect((()=>{if(null===i.current)throw new Error("Uninitialised element ref");i.current.style.height=t?"":"0"}),[t]),e.useLayoutEffect((()=>{if(null===i.current)throw new Error("Uninitialised element ref");let e;return t?i.current.style.visibility="":e=window.setTimeout((()=>{if(null===i.current)throw new Error("Uninitialised element ref");i.current.style.visibility="hidden"}),r),function(){clearTimeout(e)}}),[t,r]),i};export{t as useManageContentRef};

package/dist/components/ExpandCollapse/utils.js

@@ -1 +0,0 @@
-import{PropsValidationError as e}from"../../utils/errors.js";const o=[{condition:({isExpanded:e,onChange:o})=>Boolean(void 0===e&&o||void 0===o&&"boolean"==typeof e),error:new e("If expanded is defined onChange must be defined too and vice versa")},{condition:({content:e,children:o})=>Boolean(void 0===e&&void 0===o),error:new e("Either content or children must be defined")}];export{o as errors};

package/dist/components/Filter/Filter.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import a from"lodash/debounce.js";import i,{useMemo as l}from"react";import{errorHandler as s,generateTestDataId as o}from"../../utils/helpers.js";import r from"../utils/ClickAwayListener/ClickAwayListener.js";import{FilterBase as n}from"./components/FilterBase/FilterBase.js";import c from"./components/Options/Options.js";import d from"./components/SearchInput/SearchInput.js";import{menuStyle as m}from"./Filter.style.js";import{errors as u}from"./utils.js";import{handleSearch as p}from"../utils/handleSearch.js";const f=i.forwardRef(((f,h)=>{var b;const{items:v,onSelect:y,selectedItem:S,defaultValue:j,styleType:C,label:T="",buttonType:g="primary",filterType:I="preset",isDisabled:O=!1,dataTestId:L,isSearchable:V=!1,minCharactersToSearch:w=0,onAsyncSearch:k,isLoading:A=!1,isVirtualized:D=!1,onClear:F=(()=>{})}=f;s(u,f);const[B,x]=i.useState(!1),[z,N]=i.useState(""),R=Boolean(null==S?void 0:S.value)&&(null==S?void 0:S.value)!==j.value,U=B?"triangleUp":"triangleDown",q=l((()=>k?v:v.filter((e=>!z||e.label.toLowerCase().includes(z.toLowerCase())))),[z,v,k]),E=""===z&&!!v.length,G=i.useCallback(a((e=>{null==k||k(e)}),400),[]);return e(r,Object.assign({onClick:()=>x(!1)},{children:e(n,Object.assign({ref:h,dataTestId:L,handleOpen:()=>{N(""),x(!B)},isDisabled:O,onClear:F,selectedItemLabel:null!==(b=null==S?void 0:S.label)&&void 0!==b?b:j.label,isOpen:B,hasSelectedValue:R,label:T,iconName:U,filterType:I,buttonType:g,styleType:C},{children:B&&t("div",Object.assign({css:m(),"data-testid":o("filter-menu",L)},{children:[V&&e(d,{value:z,onChange:e=>{p({event:e,isSearchable:V,isAsync:"function"==typeof k,setSearchValue:N,onChange:G,minCharactersToSearch:w})},dataTestId:L,isLoading:A},void 0),e(c,{dataTestId:L,items:q,isVirtualized:D,defaultValue:j,isSearchable:V,selectedItem:S,onSelect:e=>{x(!1),y(e)},isDefaultOptionVisible:E},void 0)]}),void 0)}),void 0)}),void 0)}));f.displayName="Filter";export{f as default};

package/dist/components/Filter/Filter.style.js

@@ -1,19 +0,0 @@
-import{css as e}from"@emotion/react";import{rem as t}from"../../theme/utils.js";import{getFocus as o}from"../../theme/states/focus.js";import{getHover as l}from"../../theme/states/hover.js";import{getPressed as i}from"../../theme/states/pressed.js";import{HAS_SELECTED_VALUE_COLOR_SHADE as r,getBorder as a,borderStyleParams as s,getTextColor as d,getBackgroundColor as n,focusBorderWidth as p,transparentFocusBorderWidth as c}from"./utils.js";const h=()=>()=>({position:"relative",display:"inline-block",height:t(36)}),g=()=>()=>({display:"flex",alignItems:"center",gap:t(4),height:"100%"}),b=({isDisabled:e,isOpen:a,hasSelectedValue:s,calculatedColor:d,styleType:n})=>h=>{const g=!e&&!a,b="filled"===n?p:c;return{background:"none",border:"none",display:"flex",padding:"0",alignItems:"center",height:"100%",minWidth:t(110),":hover > div":{backgroundColor:g?s?l({theme:h,color:d.color,shade:r}).backgroundColor:l({theme:h}).backgroundColor:void 0},":active > div":{backgroundColor:g?s?i({theme:h,color:d.color,shade:r}).backgroundColor:i({theme:h}).backgroundColor:void 0},":focus-visible > div":{border:o({theme:h,borderWidth:b}).styleBorder},":focus-visible > span":{borderTop:o({theme:h,borderWidth:b}).styleBorder,borderBottom:o({theme:h,borderWidth:b}).styleBorder}}},u=({calculatedColor:e,isDisabled:t,isOpen:o,styleType:l,hasSelectedValue:i,filterType:r})=>p=>({fontSize:p.globals.typography.fontSizes[13],cursor:t?"not-allowed":"pointer",height:"100%",opacity:t?.5:1,transition:"all 150ms linear",color:d({theme:p,isOpen:o,calculatedColor:e,hasSelectedValue:i}),backgroundColor:n({theme:p,isOpen:o,styleType:l,hasSelectedValue:i,calculatedColor:e}),border:`${s} ${a({styleType:l,theme:p,hasSelectedValue:i,filterType:r,calculatedColor:e,isOpen:o})}`,display:"flex",justifyContent:"center",width:"100%","&:hover":{border:`${s} ${a({styleType:l,theme:p,hasSelectedValue:i,filterType:r,calculatedColor:e,isOpen:o,state:"hover"})}`}}),m=e=>o=>{const{isOpen:l,calculatedColor:i,styleType:r,hasSelectedValue:d,filterType:n}=e;return{height:"100%",width:t(1),position:"relative",minWidth:t(1),transition:"all 150ms linear",backgroundColor:a({styleType:r,theme:o,hasSelectedValue:d,filterType:n,calculatedColor:i,isOpen:l,isDivider:!0}),borderTop:`${s} ${a({styleType:r,theme:o,hasSelectedValue:d,filterType:n,calculatedColor:i,isOpen:l})}`,borderBottom:`${s} ${a({styleType:r,theme:o,hasSelectedValue:d,filterType:n,calculatedColor:i,isOpen:l})}`}},y=e=>o=>Object.assign(Object.assign({},u(e)(o)),{borderLeft:"0 !important",paddingLeft:t(4),paddingRight:t(4),display:"flex",alignItems:"center",justifyContent:"center",width:t(34),borderTopRightRadius:o.globals.spacing.get("8"),borderBottomRightRadius:o.globals.spacing.get("8")}),f=e=>t=>{const{filterType:o}=e,l="preset"===o;return Object.assign(Object.assign({},u(e)(t)),{padding:`0 ${l?t.globals.spacing.get("6"):t.globals.spacing.get("3")} 0 ${t.globals.spacing.get("6")}`,borderRadius:t.globals.spacing.get("8"),borderRight:l?void 0:"0 !important",borderTopRightRadius:l?void 0:0,borderBottomRightRadius:l?void 0:0})},v=()=>()=>({lineHeight:t(15),marginLeft:0}),T=(e,t)=>o=>({fontWeight:e||t?o.globals.typography.weights.get("bold"):o.globals.typography.weights.get("regular"),display:"flex",alignItems:"center",div:{flex:"none"},span:{fontWeight:o.globals.typography.weights.get("bold")}}),C=()=>e`
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  display: inline-block;
-`,w=()=>o=>e`
-    position: absolute;
-    top: ${t(48)};
-    min-width: ${t(280)};
-    left: 0;
-    height: auto;
-    border-radius: ${o.globals.spacing.get("3")};
-    background-color: ${o.globals.colors.white};
-    box-shadow: ${o.globals.elevation["02"]};
-    z-index: 500;
-    overflow: hidden;
-    min-width: 100%;
-    max-width: ${t(620)};
-  `;export{u as buttonBaseStyle,g as buttonSpanStyle,f as buttonStyle,b as buttonWrapperStyle,v as childrenWrapperStyle,y as dividedButtonStyle,m as divider,T as labelSpanStyle,w as menuStyle,C as valueSpanStyle,h as wrapperStyle};

package/dist/components/Filter/components/FilterBase/FilterBase.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as s,Fragment as i}from"@emotion/react/jsx-runtime";import o,{useCallback as t}from"react";import r from"../../../../hooks/useTheme.js";import{useTypeColorToColorMatch as l}from"../../../../hooks/useTypeColorToColorMatch.js";import{generateTestDataId as d}from"../../../../utils/helpers.js";import a from"../../../Icon/Icon.js";import{wrapperStyle as c,buttonWrapperStyle as n,buttonStyle as p,buttonSpanStyle as m,childrenWrapperStyle as h,labelSpanStyle as v,valueSpanStyle as u,divider as b,dividedButtonStyle as f}from"../../Filter.style.js";import{getTextColor as j}from"../../utils.js";const y=o.forwardRef(((o,y)=>{const{dataTestId:g,isDatePicker:C=!1,handleOpen:O,isDisabled:T,onClear:k,selectedItemLabel:I,isOpen:D,hasSelectedValue:S,label:V,iconName:w,buttonType:x="primary",filterType:z="preset",styleType:B,children:F}=o,{calculateColorBetweenColorAndType:G}=l(),N=G("",x),P=r(),A=t(((e=!1)=>D?j({theme:P,isOpen:D,calculatedColor:N,hasSelectedValue:S}):e?S?P.utils.getColor(N.color,550):P.utils.getColor("darkGrey",400):P.utils.getColor("darkGrey",850)),[N,S,D,P]),L={calculatedColor:N,buttonType:x,isDisabled:T,isOpen:D,styleType:B,hasSelectedValue:S,filterType:z};return e("div",Object.assign({css:c(),"data-testid":g},{children:[e("button",Object.assign({ref:y,"data-testid":d("filter",g),onClick:O,disabled:T,css:n(L)},{children:[s("div",Object.assign({css:p(L)},{children:e("div",Object.assign({css:m()},{children:[s("div",Object.assign({css:h()},{children:e("span",Object.assign({css:v(D,S)},{children:[V&&e("div",{children:[V," ",C?"":s(i,{children:": "},void 0)]},void 0),I&&s("span",Object.assign({css:u()},{children:I}),void 0)]}),void 0)}),void 0),s(a,{name:w,size:C?14:7,color:A()},void 0)]}),void 0)}),void 0),"added"===z&&e(i,{children:[s("span",{css:b(L)},void 0),s("div",Object.assign({css:f(L)},{children:s(a,{size:19,name:"closeTag",color:A(!0),onClick:e=>{e.stopPropagation(),k()}},void 0)}),void 0)]},void 0)]}),void 0),F]}),void 0)}));y.displayName="FilterBase";export{y as FilterBase,y as default};

package/dist/components/Filter/components/Options/Options.js

@@ -1 +0,0 @@
-import{jsx as t}from"@emotion/react/jsx-runtime";import{emptyStyle as e}from"./Options.style.js";import{FILTER_OPTIONS_MAX_HEIGHT as i}from"../../utils.js";import s from"../../../List/List.js";import{MAX_NON_VIRTUALIZED_ITEMS_FILTER as o}from"../../../List/utils.js";const l=({items:l,onSelect:a,defaultValue:r,selectedItem:d,isDefaultOptionVisible:m,isVirtualized:n,isSearchable:u,dataTestId:c})=>{const p=l.length>o,f=p?i:void 0,h=m?r:void 0;return l.length?t(s,{data:l.filter((t=>t.value!==r.value)),rowSize:"small",defaultOption:h,selectedItem:d,isSearchable:u,handleOptionClick:t=>a(t),isVirtualized:n&&p,height:f,dataTestId:c},void 0):t("div",Object.assign({css:e()},{children:"No options"}),void 0)};export{l as default};

package/dist/components/Filter/components/Options/Options.style.js

@@ -1,7 +0,0 @@
-import{css as o}from"@emotion/react";import{flexCenter as t}from"../../../../theme/functions.js";import{rem as e}from"../../../../theme/utils.js";const i=()=>i=>o`
-    color: ${i.utils.getColor("lightGrey",750)};
-    height: ${e(48)};
-    padding: 0 ${e(16)};
-    font-size: ${i.globals.typography.fontSizes.get("3")};
-    ${t};
-  `;export{i as emptyStyle};

package/dist/components/Filter/components/SearchInput/SearchInput.js

@@ -1 +0,0 @@
-import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import t from"../../../../hooks/useTheme.js";import{useMemo as r}from"react";import{generateTestDataId as i}from"../../../../utils/helpers.js";import s from"../../../Icon/Icon.js";import a from"../../../Loader/Loader.js";import l from"../../../TextField/TextField.js";import{iconWrapper as d,textFieldWrapper as m}from"./SearchInput.style.js";const n=({onChange:n,value:c,dataTestId:p,isLoading:u})=>{const h=t(),f=r((()=>o("div",Object.assign({css:d()},{children:[u&&e(a,{},void 0),e(s,{size:20,name:"search",color:h.utils.getColor("lightGrey",650)},void 0)]}),void 0)),[h.utils,u]);return e("div",Object.assign({css:m()(h)},{children:e(l,{autoFocus:!0,styleType:"filled",onChange:n,"data-testid":i("filter-input",p),status:"normal",placeholder:"Search",value:c,rightIcon:f},void 0)}),void 0)};export{n as default};

package/dist/components/Filter/components/SearchInput/SearchInput.style.js

@@ -1,23 +0,0 @@
-import{css as o}from"@emotion/react";import{rem as e}from"../../../../theme/utils.js";const n=()=>e=>o`
-  border-bottom: 1px solid ${e.utils.getColor("lightGrey",250)};
-
-  div:first-of-type {
-    outline: none;
-    border: none;
-    box-shadow: none;
-    background-color: white;
-  }
-
-  input {
-    border: none;
-
-    &:focus {
-      outline: none;
-      border: none;
-      box-shadow: none;
-    }
-  }
-`,r=()=>()=>o`
-  display: flex;
-  gap: ${e(25)};
-`;export{r as iconWrapper,n as textFieldWrapper};

package/dist/components/Filter/utils.js

@@ -1 +0,0 @@
-import{rem as e}from"../../theme/utils.js";import{MAX_SHADE as t}from"../../theme/palette.js";import{PropsValidationError as r}from"../../utils/errors.js";import{defineBackgroundColor as o}from"../Button/utils.js";const l=253,s=50,a=`solid ${e(1)}`,i=2,n=0,p=({isOpen:e,theme:t,hasSelectedValue:r,calculatedColor:l,styleType:s})=>e?t.utils.getColor(l.color,500):r?t.utils.getColor(l.color,50):"filled"===s?t.utils.getColor("neutralWhite",100):"transparent"===s?"transparent":o(t,l),u=({isOpen:e,theme:t,hasSelectedValue:r,calculatedColor:o})=>r&&!e?t.utils.getAAColorFromSwatches(o.color,50):e?t.utils.getAAColorFromSwatches(o.color,o.shade):t.utils.getColor("darkGrey",850),c=({styleType:e,theme:r,hasSelectedValue:o,calculatedColor:l,isOpen:s,isDivider:a,state:i="normal"})=>{if("normal"===i&&"transparent"===e&&!s&&!o)return"transparent";if(a&&s)return"transparent";if(o&&s)return"transparent";if(o){const e=(n=l.shade)+(n<t?50:-50);return`${r.utils.getColor(l.color,e)}`}var n;return"filled"!==e||s||o?"transparent":`${r.utils.getColor("lightGrey",200)}`},d=[{condition:({filterType:e,styleType:t})=>Boolean("added"===e&&"transparent"===t),error:new r("This filterType and styleType is not supported")}];export{l as FILTER_OPTIONS_MAX_HEIGHT,s as HAS_SELECTED_VALUE_COLOR_SHADE,a as borderStyleParams,d as errors,i as focusBorderWidth,p as getBackgroundColor,c as getBorder,u as getTextColor,n as transparentFocusBorderWidth};

package/dist/components/Icon/Icon.js

@@ -1 +0,0 @@
-import{jsx as o}from"@emotion/react/jsx-runtime";import*as r from"react";import t from"./assets/iconSelector.js";import{iconContainerStyle as s,iconStyle as a}from"./Icon.style.js";const e=r.forwardRef((({variant:r,name:e,color:i="primary",size:c=16,dataTestId:n,onClick:m=(()=>{})},d)=>{const l=t[e];return o("span",Object.assign({ref:d,css:s(),onClick:m,"data-testid":n},{children:o(l,{css:a({color:i,size:c,variant:r})},void 0)}),void 0)}));e.displayName="Icon";export{e as default};

package/dist/components/Icon/Icon.style.js

@@ -1 +0,0 @@
-import{rem as t}from"../../theme/utils.js";import{fillPickerBasedOnType as i}from"../../utils/themeFunctions.js";const e=({color:e,size:l,variant:n})=>o=>({fill:i(e,n)(o),width:t(l),height:t(l),path:{fill:i(e,n)(o)}}),l=()=>({padding:t(2),display:"flex",alignItems:"center",justifyContent:"center"});export{l as iconContainerStyle,e as iconStyle};

package/dist/components/Icon/assets/TVCinema.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var t,r;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},l.apply(this,arguments)}var n=function(n){return e.createElement("svg",l({viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),t||(t=e.createElement("circle",{opacity:.01,cx:16,cy:16,r:16,fill:"#000"})),r||(r=e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.578 9h6.839l-.897 2.405H8v-.826C8 9.707 8.707 9 9.578 9Zm6.35 6.65a.553.553 0 0 0-.857.469v3.447c0 .428.49.713.857.469l2.713-1.714a.572.572 0 0 0 0-.959l-2.713-1.713Zm-6.35 7.543A1.578 1.578 0 0 1 8 21.616v-9.127h16.67v9.127c0 .872-.706 1.579-1.579 1.579H9.58ZM20.194 9h-1.801l-.897 2.405h1.801L20.193 9Zm1.975 0h.924c.871 0 1.578.707 1.578 1.579v.826h-3.4L22.169 9Z",fill:"#000"})))};export{n as default};

package/dist/components/Icon/assets/TVRadio.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var t,r;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}var l=function(l){return e.createElement("svg",a({viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),t||(t=e.createElement("circle",{opacity:.01,cx:16,cy:16,r:16,fill:"#000"})),r||(r=e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22.954 13.722 10.815 8l-.36.711 9.125 4.967H8.918a.919.919 0 0 0-.918.919v9.153c0 .509.411.92.918.92h13.753a.919.919 0 0 0 .919-.92v-9.153a.92.92 0 0 0-.636-.875Zm-11.834 3.63 2.256 1.425a.476.476 0 0 1 0 .797l-2.256 1.424c-.305.204-.712-.034-.712-.39v-2.866a.46.46 0 0 1 .712-.39Zm10.738 1.822a3.464 3.464 0 1 1-6.93 0 3.464 3.464 0 0 1 6.93 0Z",fill:"#000"})))};export{l as default};