@perawallet/react-ui-toolkit 2.0.0-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Hipo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,128 @@
+# @perawallet/react-ui-toolkit 🧩
+
+Pera Wallet's React based UI Toolkit.
+
+A fork of [studiobakers/react-ui-toolkit](https://github.com/studiobakers/react-ui-toolkit)
+by [Studio Bakers](https://github.com/studiobakers) (formerly Hipo), published upstream as
+[@hipo/react-ui-toolkit](https://www.npmjs.com/package/@hipo/react-ui-toolkit). See
+[Credits](#credits).
+
+## Getting started
+
+First, install the package via npm:
+
+```bash
+npm install @perawallet/react-ui-toolkit
+```
+
+After installing the package you should import the main CSS file to gather the initial styles of the components, and then import the components you want to use in your project.:
+
+```javascript
+import {FormField, Input} from "@perawallet/react-ui-toolkit/dist/Input";
+
+// This import required to gather the initial styles of the components
+// You can do it while bootstrapping your app
+import "@perawallet/react-ui-toolkit/dist/main.css";
+
+function LoginForm() {
+  return (
+    <form>
+      <FormField label="E-mail">
+        <Input name="email" />
+      </FormField>
+
+      <FormField label="Password">
+        <Input name="password" type="password" />
+      </FormField>
+
+      <Button type="submit">Login</Button>
+    </form>
+  );
+}
+```
+
+### How to style components?
+
+Every component holds a minimum amount of CSS. You can modify them via the CSS variables. See `_colors.scss` and `_measurement.scss`
+
+Here is a simple example that shows how to customize `Button` and `Input` styles by overriding the default CSS variables:
+
+```scss
+.button {
+  // Override the default button styles using CSS variables
+
+  --button-bg: #989898;
+  --button-color: black;
+}
+
+.input {
+  // Override the default input styles using CSS variables
+
+  --default-border-color: black;
+}
+```
+
+## Development
+
+[Storybook](#storybook) is suggested for the development environment. It allows you to see the components in isolation and interact with them. It also supports hot-reloading, i.e. when you change the component, it automatically reloads the component in the browser.
+
+First of all, you need to install the dependencies, in the project root folder, run:
+
+```bash
+npm install
+```
+
+> ⚠️ Make sure you are using the exact version of `node` and `npm` that are specified in the `engines` field of [package.json](/package.json) file. Otherwise, you may face some unexpected issues.
+
+### Storybook
+
+Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.
+
+To run the Storybook development server on your local environment, you can use the following command:
+
+```bash
+npm run storybook
+```
+
+To generate a static build of the Storybook (usually, you don't need this. This is only necessary when you want to publish it to somewhere), you can use the following command:
+
+```bash
+npm run storybook:build
+```
+
+### Production Build
+
+Releases are automated by GitHub Actions. Pushing a `v*` tag whose version matches
+`package.json` runs the gates (lint, type-check, tests, build, production audit) and publishes to
+npm with provenance. See [.github/workflows/release.yml](/.github/workflows/release.yml).
+
+```bash
+# after the version bump is merged
+git tag v2.0.0 && git push origin v2.0.0
+```
+
+A tag ending in a hyphenated prerelease (`v2.1.0-beta.1`) publishes under the `beta` dist-tag
+instead of `latest`.
+
+---
+
+If you need to generate a production ready build for some reason, use:
+
+```bash
+npm run build
+```
+
+This will generate a `dist` folder that contains the compiled components.
+
+## Credits
+
+This project is a fork of [**studiobakers/react-ui-toolkit**](https://github.com/studiobakers/react-ui-toolkit),
+created and maintained by [Studio Bakers](https://github.com/studiobakers) (formerly Hipo) and
+published on npm as [@hipo/react-ui-toolkit](https://www.npmjs.com/package/@hipo/react-ui-toolkit).
+Every component here originates from their work.
+
+The fork exists so Pera Wallet can ship changes it needs on its own schedule — currently React 19,
+date-fns 4, Storybook 10 and Biome. It is published under the `@perawallet` scope because the
+`@hipo` scope belongs to the upstream authors.
+
+The original MIT licence and copyright notice are retained verbatim in [LICENSE](/LICENSE).

package/dist/Button.js

@@ -0,0 +1 @@
+"use strict";var t=require("react/jsx-runtime"),e=require("classnames"),n=require("react"),s=require("./Spinner.js");const i=n.forwardRef(function(n,i){const{testid:o,type:a="button",onClick:r,children:u,customSpinner:l,customClassName:c,shouldPreventDefault:d=!0,shouldStopPropagation:p=!0,shouldFocus:b,shouldDisplaySpinner:m,isDisabled:f,...h}=n,v=Boolean(f||m),j=e("button",c,{"button--is-inactive":v,"button--is-pending":m}),x=l||t.jsx("div",{className:"button__spinner-container",children:t.jsx(s,{customClassName:"button__spinner","aria-label":"Button spinner visible. Button inactivated."})});return t.jsxs("button",{ref:i,"data-testid":o,className:j,type:a,autoFocus:b,onClick:function(t){r&&(d&&t.preventDefault(),p&&t.stopPropagation(),v||r(t))},disabled:v,...h,children:[u,m&&x]})});module.exports=i;

package/dist/Checkbox.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),c=require("./check-BSS-LBT3.js"),s=require("classnames");require("react"),module.exports=function({item:t,onSelect:a,customClassName:i,isSelected:l,isDisabled:n,customIcon:o,testid:r}){const{inputProps:{name:u,value:d,htmlFor:b},content:h}=t,m=s("checkbox-input-label",i,{"checkbox-input-label--is-selected":l,"checkbox-input-label--is-disabled":n}),x=o||e.jsx(c.SvgCheck,{});return e.jsxs("label",{"data-testid":r,htmlFor:b,className:m,children:[e.jsx("input",{type:"checkbox",id:b,name:u,value:d,className:"checkbox-input",onChange:function(e){a(t,e)},checked:l,disabled:n}),e.jsx("span",{className:"checkbox-input-label__icon",children:x}),h]})};

package/dist/DateTimer-DIYsxSVY.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("classnames"),r=require("react"),s=require("./timeUtils-BvuzU1KM.js"),n=require("./ListItem.js"),a=require("./List.js");function i({range:e,cadence:t=s.SECOND_IN_MS,timerType:n="down",onEnd:a}){const i=r.useRef(0),u=r.useRef(void 0),[c,o]=r.useState(s.calculateRemainingTimeBreakdown(e,i.current,n)),[d,l]=e,m=r.useRef(void 0);return r.useLayoutEffect(()=>{m.current=a},[a]),r.useLayoutEffect(()=>(u.current=setInterval(()=>{l&&(i.current+=t);const e=s.calculateRemainingTimeBreakdown([d,l],i.current,n);e.delta>=s.SECOND_IN_MS?o(e):(clearInterval(u.current),o({delta:0,days:0,hours:0,minutes:0,seconds:0}))},t),()=>{clearInterval(u.current)}),[t,d,l,n]),r.useEffect(()=>{c.delta<=0&&(clearInterval(u.current),m.current&&m.current())},[c.delta]),c}exports.DateTimer=function({testid:u,range:c,timerInterval:o=1,timerType:d="down",alwaysShowSeconds:l=!1,titleMap:m,onEnd:p,customClassName:f}){const h=function({titleMap:e,alwaysShowSeconds:t},r){let s=[];return s=r.days>=1?["days","hours","minutes"]:r.hours>=1?["hours","minutes"]:["minutes","seconds"],t&&r.hours>=1&&s.push("seconds"),s.map(t=>({id:t,count:r[t].toString().padStart(2,"0"),title:(e?e[t]:void 0)||t}))}({titleMap:m,alwaysShowSeconds:l},i({range:c,cadence:o*s.SECOND_IN_MS,timerType:d,onEnd:p}));return r.useEffect(()=>{const[e]=s.sortDateRange([c[0],c[1]||new Date]);"up"===d&&e.getTime()>(new Date).getTime()&&console.error("`timerType` is `up` but `range` is not in the past",c),"down"===d&&e.getTime()<(new Date).getTime()&&console.error("`timerType` is `down` but `range` is not in the future",c)},[c,d]),e.jsx(a,{customClassName:t("date-timer",f),testid:u,items:h,children:(t,r)=>e.jsxs(n,{customClassName:"date-timer-box",children:[e.jsx("p",{"data-testid":`${r}.${t.id}.count`,className:"date-timer-box__count",children:t.count}),e.jsx("p",{"data-testid":`${r}.${t.id}.title`,className:"date-timer-box__title",children:t.title})]})})},exports.useDateTimer=i;

package/dist/DateTimer.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("classnames"),require("react");var e=require("./DateTimer-DIYsxSVY.js");require("./timeUtils-BvuzU1KM.js"),require("./ListItem.js"),require("./List.js"),require("date-fns/fp"),require("date-fns/locale"),require("date-fns-tz"),require("./keyboardEventConstants-BL5de2V9.js"),require("uuid"),module.exports=e.DateTimer;

package/dist/FileInput.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("classnames"),s=require("react"),a=require("./Spinner.js");const l=s.forwardRef(function(s,l){const{onChange:t,children:n,testid:r,name:c,htmlFor:u,acceptedFileTypes:d="image/png, image/jpeg, .pdf",customSpinner:m,customClassName:p,customLabelClassName:o,isPending:f,isDisabled:b,isMultiple:_}=s,g=i("file-input__container",p),h=f||b,j=i("file-input__label",o,{"file-input__label--is-disabled":h}),x=m||e.jsx(a,{customClassName:"file-input__spinner"});return e.jsxs("div",{className:g,children:[e.jsx("input",{"data-testid":r,type:"file",value:"",name:c,className:"file-input",onChange:t,id:u,disabled:h,accept:d,multiple:_}),e.jsxs("label",{ref:l,htmlFor:u,className:j,"data-testid":`${r}.label`,children:[n,f&&x]})]})});module.exports=l;

package/dist/FileUploadButton.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("classnames"),t=require("react"),s=require("./FileInput.js");require("./Spinner.js");const n=t.forwardRef(function(t,n){const{onFileSelect:u,children:a,customClassName:l,customLabelClassName:o,...c}=t;return e.jsx(s,{...c,ref:n,customClassName:r("file-upload-button",l),customLabelClassName:r("file-upload-button__label","button",o),onChange:function(e){const{files:r}=e.currentTarget;u&&r?.length&&u(r)},children:a})});module.exports=n;

package/dist/FormField.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),s=require("classnames"),r=require("./ListItem.js"),l=require("./List.js");function t({customClassName:r,type:l,message:t,testid:a}){return e.jsx("p",{"data-testid":a,className:s("form-field-message",r,`form-field-message--is-${l}`),children:t})}require("./keyboardEventConstants-BL5de2V9.js"),require("react"),require("uuid"),module.exports=function(a){const{label:i,labelledBy:m,labelFor:o,customClassName:d,children:n,errorMessages:c,helperMessages:f,testid:u}=a,h=Boolean(c?.length),_=Boolean(f?.length),g=s("form-field",d,{"form-field--has-error":h});return e.jsxs("div",{className:g,"data-testid":u,children:[e.jsxs("label",{id:m,htmlFor:o,className:"form-field__label",children:[Boolean(i)&&e.jsx("span",{className:"form-field__title",children:i}),n]}),h&&e.jsx(l,{testid:`${u}.error-messages`,customClassName:"form-field__error-message-list",items:c,children:(s,l)=>e.jsx(r,{customClassName:"form-field__error-message-list__item",children:e.jsx(t,{type:"error",message:s,testid:l})})}),!h&&_&&e.jsx(l,{testid:`${u}.helper-messages`,customClassName:"form-field__helper-message-list",items:f,children:(s,l)=>e.jsx(r,{customClassName:"form-field__helper-message-list__item",children:e.jsx(t,{type:"helper",message:s,testid:l})})})]})};

package/dist/Input.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("classnames");const n=require("react").forwardRef((n,r)=>{const{testid:i,type:a="text",isDisabled:s,hasError:o,customClassName:c,leftIcon:u,rightIcon:l,role:p,autoComplete:d="off",autoCorrect:m="off",...f}=n,_=t("input-container",c,`input-container--type-${a}`,{"input-container--is-disabled":s,"input-container--has-error":o});return e.jsxs("div",{role:p,className:_,"data-testid":i,children:[u&&e.jsx("span",{className:"input-container__icon input-container__left-icon",children:u}),e.jsx("input",{ref:r,className:"input",type:a,autoComplete:d,autoCorrect:m,disabled:s,...f}),l&&e.jsx("span",{className:"input-container__icon input-container__right-icon",children:l})]})});module.exports=n;

package/dist/List.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("classnames"),r=require("react"),s=require("uuid");const l=r.forwardRef(function({items:l,children:a,customClassName:i,testid:o,listItemKeyGenerator:d,placeholderProps:c,emptyStateProps:n,type:u="unordered",role:m},p){const h=t("list",i);let y;switch(u){case"ordered":y="ol";break;case"description":y="dl";break;default:y="ul"}return e.jsxs(y,{ref:p,className:h,role:m,"data-testid":o,children:[l.map((t,l)=>{const i=`${o}.item-${l}`;return e.jsx(r.Fragment,{children:a(t,i,l)},function({listItemKeyGenerator:e,listItemTestId:t,item:r}){let l;return l=e?e(r,t):r&&"object"==typeof r&&r.id?r.id:s.v4(),l}({listItemKeyGenerator:d,listItemTestId:i,item:t}))}),c?.shouldDisplayPlaceholder&&c.placeholder,!c?.shouldDisplayPlaceholder&&n?.shouldDisplayEmptyState&&n.emptyState]})});module.exports=l;

package/dist/ListItem.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("classnames"),s=require("./keyboardEventConstants-BL5de2V9.js");module.exports=function({id:i,testid:r,children:a,customClassName:l,clickableListItemProps:c,role:n,ariaSelected:d,listItemRef:o}){const m=t("list-item",l);let u=e.jsx("li",{ref:o,id:i,"data-testid":r,className:m,role:n,"aria-selected":d,children:a});return c&&(u=e.jsx("li",{ref:o,id:i,"data-testid":r,className:m,children:e.jsx("div",{role:"button",tabIndex:c.tabIndex||0,className:"list-item__click-wrapper",onClick:x,onKeyPress:function(e){e.key===s.KEYBOARD_EVENT_KEY.ENTER&&x(e)},children:a})})),u;function x(e){c.onClick(e)}};

package/dist/NumberInput.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("classnames"),r=require("react"),o=require("./Input.js"),a=require("./numberUtils-CMCFc8Kh.js");function n(){try{return!function(){const e="undefined"!=typeof navigator?navigator.userAgent||navigator.vendor:"";return[/Android/i,/iPhone/i,/iPad/i].some(t=>e.match(t))}()&&a.isIntlAPISupported()}catch{return!1}}function i(e){return n()?{...e,...a.getNumberSeparators(e.locale),...a.getNegativeZero(e.locale)}:{locale:void 0,shouldFormatToLocaleString:!1,DECIMAL_NUMBER_SEPARATOR:void 0,MINUS_SIGN:void 0,LOCALE_NEGATIVE_ZERO:void 0}}function u({value:e,event:t,formatProps:r,parseNumberOptions:o,maximumFractionDigits:n}){const{locale:u,shouldFormatToLocaleString:s}=i(r),l=t.currentTarget.value,c=a.parseNumber(o,l);let m=c?String(c):"";const g=!function({eventValue:e,formattedValue:t}){return""===t||"-"!==e&&Number.isNaN(Number(t))}({eventValue:l,formattedValue:c});if(g&&c.match(/./)?.length?m=String(c):g||(m=e),g&&(s||n>0||m.includes("-"))&&(m=a.removeLeadingZeros(u,m)),0===n&&"-0"===m&&(m="0"),s){const r=a.getThousandthSeparatorCount(m),o=a.getThousandthSeparatorCount(e),n=t.currentTarget;let i=t.currentTarget.selectionStart||0;!m||String(e).length!==m.length+1&&String(e).length!==m.length-1||(o===r+1?i-=1:o===r-1&&(i+=1),window.requestAnimationFrame(()=>{n.selectionStart=i,n.selectionEnd=i}))}return m}const s=r.forwardRef((r,s)=>{const{formatProps:l={},maximumFractionDigits:c=0,value:m,onChange:g,inputMode:p="decimal",customClassName:d,...v}=r;if(!function({maximumFractionDigits:e}){return Number.isInteger(e)&&e>=0}({maximumFractionDigits:c}))throw new Error("maximumFractionDigits should be zero or a positive integer.");const{locale:S,shouldFormatToLocaleString:f,DECIMAL_NUMBER_SEPARATOR:h,MINUS_SIGN:F,LOCALE_NEGATIVE_ZERO:N}=i(l),L=(T={locale:S,maximumFractionDigits:c},n()?T:{...T,locale:"en-US"});var T;const E=function({value:e,formatProps:t,signProps:r,maximumFractionDigits:o}){const{locale:n,shouldFormatToLocaleString:i}=t,{decimalSeparatorForLocale:u,minusSignForLocale:s,negativeZeroForLocale:l}=r;let c=e;if("string"==typeof e&&i){const[t,r]=String(e).split("."),i=a.formatNumber({maximumFractionDigits:o,locale:n});e.match(/\.$/)?.length||r?c=`${i(parseInt(t))}${u}${a.mapDigitsToLocalVersion({locale:n},r)}`:t&&(c=t!==s&&t!==l?i(parseInt(t)):`${s}${a.mapDigitsToLocalVersion({locale:n},t)}`)}return c}({value:m,formatProps:{locale:S,shouldFormatToLocaleString:f},signProps:{decimalSeparatorForLocale:h,minusSignForLocale:F,negativeZeroForLocale:N},maximumFractionDigits:c});return e.jsx(o,{ref:s,customClassName:t(d,"number-input"),type:"text",onChange:function(e){e.currentTarget.value&&(e.currentTarget.value=u({value:m,event:e,formatProps:l,parseNumberOptions:L,maximumFractionDigits:c}));g(e)},value:E,...v})});module.exports=s;

package/dist/PasswordInput.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),s=require("classnames"),r=require("react"),a=require("./Button.js"),o=require("./Input.js");require("./Spinner.js"),module.exports=function({testid:t,name:i,value:n,onChange:u,hasError:l,placeholder:c,customClassName:d,hideIcon:p,revealIcon:h}){const[m,w]=r.useState(!1),v=s("password-input__icon",{"password-input__icon--is-visible":Boolean(n)}),j=s("password-input",d);let q="Show password",C=h,x="password";return m&&(q="Hide password",C=p,x="text"),e.jsx(o,{testid:t,type:x,name:i,customClassName:j,value:n,hasError:l,placeholder:c,onChange:u,rightIcon:h&&p&&e.jsx(a,{testid:`${t}-password-visibility-icon`,customClassName:v,"aria-label":q,onClick:function(){w(!m)},shouldStopPropagation:!1,shouldPreventDefault:!1,children:C})})};

package/dist/ProgressBar.js

@@ -0,0 +1 @@
+"use strict";var a=require("react/jsx-runtime"),e=require("classnames");const r=100;module.exports=function(s){const{ariaLabelledBy:t,ariaLabel:l,title:i,ariaValueText:o,ariaDescribedBy:c,testid:d}=s,{percentage:n,style:u,children:b,customClassName:m}=s,g=e("progress-bar",m),v=n>=r?r:n,{trackColor:x="blue",backgroundColor:y="gray",completedColor:p="green"}=u||{};return a.jsxs("div",{className:g,style:{backgroundColor:y},role:"progressbar","aria-valuenow":v,"aria-valuemin":0,"aria-valuemax":r,"aria-labelledby":t,"aria-label":l,title:i,"aria-valuetext":o,"aria-describedby":c,"data-testid":d,children:[a.jsx("div",{className:"progress-bar__track",style:{width:`${v}%`,backgroundColor:v===r?p:x},"data-testid":`${d}.track`}),b&&a.jsx("div",{className:"progress-bar__content",children:b})]})};

package/dist/Radio.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),a=require("classnames");module.exports=function({testid:s,item:i,onSelect:t,isSelected:l,isDisabled:n}){const{inputProps:{name:r,value:d,htmlFor:o},customClassName:c,content:u}=i,m=a("radio-input-label",c,{"radio-input-label--is-selected":l,"radio-input-label--is-disabled":n});return e.jsxs("label",{"data-testid":s,htmlFor:o,className:m,children:[e.jsx("input",{type:"radio",id:o,name:r,value:d,className:"radio-input",onChange:function(e){t(i,e)},checked:l,disabled:n}),e.jsx("span",{className:"radio-input-label__icon"}),u]})};

package/dist/RadioGroup.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),s=require("classnames"),i=require("./ListItem.js"),t=require("./List.js"),r=require("./Radio.js");require("./keyboardEventConstants-BL5de2V9.js"),require("react"),require("uuid"),module.exports=function({items:a,testid:u,onSelect:d,selectedItem:o,customClassName:m,isDisabled:l}){return e.jsx(t,{testid:u,items:a,customClassName:s("radio-group",m),children:(t,a)=>e.jsx(i,{customClassName:s("radio-group__item",t.customClassName),children:e.jsx(r,{testid:a,isDisabled:l||t.isDisabled,item:t,onSelect:d,isSelected:Boolean(o&&o.id===t.id)})})})};

package/dist/Select-CMiQfdu3.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),s=require("./check-BSS-LBT3.js"),o=require("./List.js"),r=require("./Button.js"),i=require("./keyboardEventConstants-BL5de2V9.js");const a=t.createContext(null),c=t.createContext(null);function l(){const e=t.useContext(a);if(!e)throw new Error("You can only use SelectContext within a component tree that is rooted with SelectContext.Provider.");return e}function u(){const e=t.useContext(c);if(!e)throw new Error("You can only use SelectDispatchContext within a component tree that is rooted with SelectDispatchContext.Provider.");return e}a.displayName="SelectContext";const d=t.forwardRef(function({children:t,customClassName:s,testid:o},r){const{isMenuOpen:i}=l(),a=n("select-content",s,{"select-content--is-visible":i});return e.jsx("div",{ref:r,hidden:!i,className:a,"data-testid":o,children:t})});const E=t.forwardRef(function({children:t,customClassName:s,...o},r){return e.jsx("div",{ref:r,className:n("select-group",s),role:"group",...o,children:t})});const p=t.forwardRef(function({option:o,children:r,customClassName:i,onKeyDown:a,as:c="div",testid:d},E){const p=l(),f=u(),{onSelect:O,value:I,focusedOptionIndex:_,shouldCloseOnSelect:m,options:h}=p,N=h.findIndex(e=>e?.id===o?.id),D=Array.isArray(I)?Boolean(I.find(e=>e.id===o?.id)):I?.id===o?.id,S=_===N,y=n("select-item",i,{"select-item--is-disabled":o?.isDisabled,"select-item--is-selected":D,"select-item--is-focused":S}),C=t.useRef(null);return t.useImperativeHandle(E,()=>C.current,[]),t.useLayoutEffect(()=>{S&&C.current&&C.current.focus()},[S]),e.jsxs(c,{ref:C,className:y,role:"option",id:o?.id,"data-testid":d,tabIndex:o?.isDisabled?-1:0,"aria-selected":D,onClick:function(){o?.isDisabled||(O(o),f({type:"SET_FOCUSED_OPTION_INDEX",payload:N}),m&&f({type:"TOGGLE_MENU_VISIBILITY"}))},onKeyDown:function(e){a&&a(o,e)},children:[r," ",D&&e.jsx(s.SvgCheck,{})]})});const f=t.forwardRef(function({options:t,customClassName:s,contentRenderer:r,...i},a){return e.jsx(o,{ref:a,items:t,customClassName:n("select-item-list",s),...i,children:(t,n)=>e.jsx(_.Item,{as:"li",option:t,customClassName:"select-item-list__item",children:r(t)},n)})});const O=t.forwardRef(function({customClassName:s,children:o,onClick:i,onKeyDown:a,...c},d){const{role:E,isMenuOpen:p,isDisabled:f}=l(),O=u(),I=t.useRef(null);return t.useImperativeHandle(d,()=>I.current),e.jsx(r,{ref:I,customClassName:n("select-trigger",s),"aria-haspopup":E,"aria-expanded":p,onClick:function(e){if(f)return;O({type:"TOGGLE_MENU_VISIBILITY"}),i&&i(e)},...c,children:o})});function I(e,t){let n=e;switch(t.type){case"TOGGLE_MENU_VISIBILITY":n={...e,isMenuOpen:!e.isMenuOpen,focusedOptionIndex:-1};break;case"OPEN_MENU":e.isMenuOpen||(n={...e,isMenuOpen:!0,focusedOptionIndex:-1});break;case"SET_FOCUSED_OPTION_INDEX":n={...e,focusedOptionIndex:t.payload}}return n}const _=Object.assign(t.forwardRef(function(s,o){const{children:r,role:l="listbox",customClassName:u,value:d}=s,[E,p]=t.useReducer(I,{focusedOptionIndex:-1,isMenuOpen:!1,options:s.options||[]}),f=t.useRef(null),O=function(e,t){return{isDisabled:t.isDisabled??!1,hasError:t.hasError??!1,value:t.value||null,onSelect:t.onSelect,shouldCloseOnSelect:t.shouldCloseOnSelect??!0,role:t.role??"listbox",...e}}(E,s),{handleSelectKeyDown:_}=function(e,n){const{isMenuOpen:s,focusedOptionIndex:o,onSelect:r,shouldCloseOnSelect:a,options:c}=e;return{handleSelectKeyDown:t.useCallback(e=>{const{key:t}=e;switch(t){case i.KEYBOARD_EVENT_KEY.TAB:s&&(e.preventDefault(),n({type:"TOGGLE_MENU_VISIBILITY"}));break;case i.KEYBOARD_EVENT_KEY.ESCAPE:s&&n({type:"TOGGLE_MENU_VISIBILITY"});break;case i.KEYBOARD_EVENT_KEY.ENTER:case i.KEYBOARD_EVENT_KEY.SPACE:s&&(e.stopPropagation(),e.preventDefault(),c[o]&&!c[o]?.isDisabled&&(r(c[o]),n(a?{type:"TOGGLE_MENU_VISIBILITY"}:{type:"SET_FOCUSED_OPTION_INDEX",payload:-1})));break;case i.KEYBOARD_EVENT_KEY.ARROW_DOWN:e.stopPropagation(),e.preventDefault(),n({type:"SET_FOCUSED_OPTION_INDEX",payload:(o+1)%c.length});break;case i.KEYBOARD_EVENT_KEY.ARROW_UP:e.stopPropagation(),e.preventDefault(),n({type:"SET_FOCUSED_OPTION_INDEX",payload:(o||c.length)-1});break;case i.KEYBOARD_EVENT_KEY.HOME:e.stopPropagation(),e.preventDefault(),n({type:"SET_FOCUSED_OPTION_INDEX",payload:0});break;case i.KEYBOARD_EVENT_KEY.END:e.stopPropagation(),e.preventDefault(),n({type:"SET_FOCUSED_OPTION_INDEX",payload:c.length-1})}},[n,o,s,c,r,a])}}(O,p),m=function(e,t){const{isMenuOpen:s,value:o,hasError:r,isDisabled:i}=e,a=Array.isArray(o);return n("select",t,{"select--is-disabled":i,"select--is-multi-select":a,"select--has-selected-option":Array.isArray(o)?Boolean(o.length):Boolean(o),"select--has-error":r,"select--is-open":s})}(O,u);return function(e,n){const s=t.useRef(n);t.useEffect(()=>{s.current=n},[n]),t.useEffect(()=>{function t(t){e&&t.target instanceof HTMLElement&&!e.contains(t.target)&&s.current()}return document.addEventListener("mousedown",t),document.addEventListener("touchstart",t),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",t)}},[e])}(f?.current,function(){E.isMenuOpen&&p({type:"TOGGLE_MENU_VISIBILITY"})}),t.useImperativeHandle(o,()=>f.current),e.jsx("div",{ref:f,className:m,role:l,onKeyDown:_,"aria-multiselectable":Array.isArray(d),children:e.jsx(a.Provider,{value:O,children:e.jsx(c.Provider,{value:p,children:r})})})}),{Content:d,Group:E,Item:p,Trigger:O,ItemList:f});exports.Select=_,exports.useSelectContext=l,exports.useSelectDispatchContext=u;

package/dist/Select.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("react");var e=require("./Select-CMiQfdu3.js");require("classnames"),require("./check-BSS-LBT3.js"),require("./List.js"),require("uuid"),require("./Button.js"),require("./Spinner.js"),require("./keyboardEventConstants-BL5de2V9.js"),module.exports=e.Select;

package/dist/Spinner.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),s=require("classnames");module.exports=function({color:i="#150F2A",customClassName:t}){const r=s("spinner",t);return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:r,xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM10 17.4737C14.1276 17.4737 17.4737 14.1276 17.4737 10C17.4737 5.8724 14.1276 2.52632 10 2.52632C5.8724 2.52632 2.52632 5.8724 2.52632 10C2.52632 14.1276 5.8724 17.4737 10 17.4737Z",fill:"url(#paint0_linear)"}),e.jsx("defs",{children:e.jsxs("linearGradient",{id:"paint0_linear",x1:"20",y1:"10.0351",x2:"4.52632",y2:"10.0351",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:i}),e.jsx("stop",{offset:"1",stopColor:"white",stopOpacity:"0"})]})})]})};

package/dist/Switch.js

@@ -0,0 +1 @@
+"use strict";var s=require("react/jsx-runtime"),e=require("classnames");module.exports=function({onToggle:a,isToggledOn:i,isDisabled:c,customClassName:t,testid:l}){const r=e("switch",t,{"switch--is-disabled":c});return s.jsxs("label",{"data-testid":l,className:r,children:[s.jsx("input",{className:"switch__controller",type:"checkbox",checked:i,disabled:c,onChange:a,role:"switch","aria-checked":i,"aria-readonly":c}),s.jsx("span",{className:"switch__slider"})]})};

package/dist/Textarea.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("classnames"),a=require("react"),r=require("react-textarea-autosize"),o=require("./keyboardEventConstants-BL5de2V9.js");module.exports=function(s){const{name:n,value:u,isDisabled:i,customClassNames:c,testid:l,onKeyUp:d,style:m,autoSizeProps:E,onJustEnterPressed:x,isRequired:y,onShiftEnter:K,hasError:f,onKeyDown:p,autoComplete:C="off",autoCorrect:D="off",autoFocus:R=!1,...h}=s,[q,v]=a.useState(!1),N=t("textarea-container",c?.container,{"textarea--has-error":f,"textarea--is-disabled":i}),w=t("textarea",c?.textarea);return e.jsx("div",{"data-testid":"textarea-container",className:N,children:E?e.jsx(r,{className:w,"data-testid":l,name:n,value:u,autoComplete:C,autoCorrect:D,disabled:i,onKeyDown:T,onKeyUp:Y,style:E.style,maxRows:E.maxRows,minRows:E.minRows,onHeightChange:E.onHeightChange,required:y,autoFocus:R,...h}):e.jsx("textarea",{className:w,"data-testid":l,name:n,value:u,autoComplete:C,autoCorrect:D,disabled:i,onKeyDown:T,onKeyUp:Y,style:m,required:y,autoFocus:R,...h})});function T(e){const{key:t}=e,a={...e};a.currentTarget.name=n,t===o.KEYBOARD_EVENT_KEY.ENTER?!q&&x?(e.preventDefault(),x()):q&&K&&(e.preventDefault(),K()):t===o.KEYBOARD_EVENT_KEY.SHIFT&&v(!0),p&&p(a)}function Y(e){const{key:t}=e;t===o.KEYBOARD_EVENT_KEY.SHIFT&&v(!1),d&&d(e)}};

package/dist/TimeInput.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("classnames"),r=require("./useDebounce-CP74COv3.js"),n=require("./timeUtils-BvuzU1KM.js"),u=require("./Input.js");require("react"),require("date-fns/fp"),require("date-fns/locale"),require("date-fns-tz");const a=n.formatDateWithOptions({format:n.DATE_FORMAT.LONG_TIME_FORMAT,shouldShiftDateToCompensateForTimezone:!1});module.exports=function({testid:i,initialDateTime:s,value:o,onChange:l,placeholder:m="03:30 PM",name:c="TimeInput",customClassName:p,...f}){const[T,d]=r.useDebounce(l,s?a(s):null,100);return e.jsx(u,{type:"text",testid:`${i}.input`,customClassName:t("time-input",p),name:c,value:T,placeholder:m,onChange:function(e){d(e.currentTarget.value)},onBlur:function(){let e=n.parseTime(o);s&&o.length<1&&(e=a(s));d(e)},...f})};

package/dist/Toast-9FKOjJle.js

@@ -0,0 +1 @@
+"use strict";var t=require("react/jsx-runtime"),e=require("classnames"),o=require("react"),s=require("./ListItem.js"),a=require("./Button.js"),r=require("./numberUtils-CMCFc8Kh.js"),n=require("react-dom"),i=require("./List.js"),u=require("./arrayUtils-BZ-V_2c9.js");const c=o.createContext({toastId:""});function l({customRootId:e}){const s=x(),[a,r]=o.useState(null);return o.useLayoutEffect(()=>{const t=e&&document.querySelector(`#${e}`);if(t)r(t);else{const t=document.createElement("div");t.setAttribute("id","toast-root"),document.body.append(t),r(t)}},[e]),a&&n.createPortal(s.toastStack.length?t.jsx(i,{testid:"ToastStack",items:s.toastStack,customClassName:"toast-stack",children:(e,o)=>t.jsx(p,{testid:o,data:e})}):t.jsx(o.Fragment,{}),a)}c.displayName="ToastItemContext";const d={toastStack:[],autoCloseToasts:!0,defaultAutoCloseTimeout:4e3};function T(t){return function(e){return!t(e)}}function m(t){return e=>t===e.id}function C(t,e){let o=t;switch(e.type){case"DISPLAY":{const{toastData:s}=e,a=[...t.toastStack.filter(T(m(s.id))),s];o={...t,toastStack:u.limitArrayLengthFromTheEnd(t.limit,a)};break}case"HIDE":o={...t,toastStack:t.toastStack.filter(T(m(e.toastId)))};break;case"HIDE_ALL":o={...t,toastStack:[]};break;case"UPDATE":{const s=t.toastStack.findIndex(m(e.toastId));if(!(s>-1))throw new Error("Trying to update a Toast that is already removed");o={...t,toastStack:u.updateAtIndex(t.toastStack,s,{...t.toastStack[s],...e.toastData})};break}case"SET_LIMIT":{const{limit:s}=e;o={...t,limit:s,toastStack:u.limitArrayLengthFromTheEnd(s,t.toastStack)};break}case"SET_AUTO_CLOSE":o={...t,autoCloseToasts:e.autoCloseToasts};break;case"SET_DEFAULT_AUTO_CLOSE_TIMEOUT_FOR_ALL_TOASTS":{const{timeout:s}=e;r.isNonNegativeNumber(s)&&(o={...t,defaultAutoCloseTimeout:s});break}}return o}const f=o.createContext(null),S=o.createContext(null);function x(){const t=o.useContext(f);if(!t)throw new Error("Trying to consume ToastStateContext outside of its provider.");return t}function E(){const t=o.useContext(S);if(!t)throw new Error("Trying to consume ToastDispatchContext outside of its provider");return{display:o.useCallback(e=>{const o=e.id||function(){const{radix:t=36,substringStartIndex:e=7}={};return Math.random().toString(t).substring(e)}();return t({type:"DISPLAY",toastData:{...e,id:o}}),o},[t]),hide:o.useCallback(e=>{t({type:"HIDE",toastId:e})},[t]),update:o.useCallback((e,o)=>{t({type:"UPDATE",toastId:e,toastData:o})},[t]),hideAll:o.useCallback(()=>{t({type:"HIDE_ALL"})},[t])}}function p({testid:a,data:r}){const n=x(),{hide:i}=E(),{timeout:u=n.defaultAutoCloseTimeout,render:l,customClassName:d,id:T}=r,m="boolean"==typeof r.autoClose?r.autoClose:n.autoCloseToasts;return o.useLayoutEffect(()=>{let t;return m&&(t=setTimeout(()=>{i(T)},u)),()=>{t&&clearTimeout(t)}},[m,u,i,T]),t.jsx(c.Provider,{value:{toastId:T},children:t.jsx(s,{testid:a,customClassName:e("toast",d),children:l()})})}S.displayName="ToastDispatchContext",f.displayName="ToastStateContext",p.CloseButton=function({children:e,testid:s}){const{hide:r}=E(),{toastId:n}=function(){const t=o.useContext(c);if(!t)throw new Error("Trying to consume ToastItemContext outside of its provider");return t}();return t.jsx(a,{testid:s,onClick:function(){r(n)},customClassName:"toast-close-button",children:e})},exports.Toast=p,exports.ToastContextProvider=function({children:e,customRootId:s,autoCloseToasts:a=!0,limit:n,defaultAutoCloseTimeout:i=4e3}){const[u,c]=o.useReducer(C,{...d,autoCloseToasts:a,limit:n,defaultAutoCloseTimeout:i});return o.useEffect(()=>{r.isNonNegativeNumber(n)&&c({type:"SET_LIMIT",limit:n})},[n]),o.useEffect(()=>{c({type:"SET_AUTO_CLOSE",autoCloseToasts:a})},[a]),o.useEffect(()=>{c({type:"SET_DEFAULT_AUTO_CLOSE_TIMEOUT_FOR_ALL_TOASTS",timeout:i})},[i]),t.jsx(f.Provider,{value:u,children:t.jsxs(S.Provider,{value:c,children:[e,t.jsx(l,{customRootId:s})]})})},exports.ToastDispatchContext=S,exports.ToastStateContext=f,exports.useToastContextState=x,exports.useToaster=E;

package/dist/Toast.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("classnames"),require("react"),require("./ListItem.js");var e=require("./Toast-9FKOjJle.js");require("./keyboardEventConstants-BL5de2V9.js"),require("./Button.js"),require("./Spinner.js"),require("./numberUtils-CMCFc8Kh.js"),require("react-dom"),require("./List.js"),require("uuid"),require("./arrayUtils-BZ-V_2c9.js"),module.exports=e.Toast;

package/dist/Toggle.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("classnames"),s=require("./ListItem.js"),l=require("react");require("./keyboardEventConstants-BL5de2V9.js");const o=l.createContext({selectedItems:[],onToggle:()=>{},canSelectMultiple:!1});function i({children:s,onToggle:l,selectedItems:i=[],canSelectMultiple:n=!1,position:c="horizontal",isDisabled:r,customClassName:a}){const g=t("toggle",a,{"toggle--is-horizontal":"horizontal"===c,"toggle--is-vertical":"vertical"===c,"toggle--is-disabled":r});return e.jsx("ul",{className:g,children:e.jsx(o.Provider,{value:{selectedItems:i,onToggle:l,canSelectMultiple:n},children:s})})}o.displayName="ToggleContext",i.Item=function({children:i,dataId:n,customClassName:c,isDisabled:r,testid:a}){const{selectedItems:g,onToggle:d,canSelectMultiple:u}=function(){const e=l.useContext(o);if(!e)throw new Error("Trying to consume ToggleContext outside of its provider.");return e}(),m=g.includes(n),x=t("toggle-item",c,{"toggle-item--is-selected":m,"toggle-item--is-disabled":r});return e.jsx(s,{testid:a,customClassName:x,children:e.jsxs("label",{className:"toggle-item__label",children:[e.jsx("input",{type:"checkbox",className:"toggle-input",checked:m,disabled:r,onChange:function(){let e;e=m?g.filter(e=>e!==n):u?[...g,n]:[n];d(e)}}),i]})})},exports.Toggle=i,exports.ToggleContext=o;

package/dist/TypeaheadInput.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),n=require("classnames"),t=require("react"),r=require("./useDebounce-CP74COv3.js"),u=require("./Input.js");const o=250,s=t.forwardRef((s,a)=>{const{testid:i,placeholder:c,name:l,type:d="text",customClassName:m,onFocus:f,onBlur:p,id:h,onKeyDown:y,onQueryChange:g,isDisabled:D=!1,leftIcon:q,rightIcon:b,initialValue:C="",value:I,queryChangeDebounceTimeout:j=o,...v}=s,[x,w]=r.useDebounce(g,C,j);return t.useEffect(()=>{"string"==typeof I&&w(I)},[I,w]),e.jsx(u,{ref:a,customClassName:n("typeahead-input",m),id:h,testid:i,name:l,type:d,placeholder:c,onChange:function(e){w(e.currentTarget.value)},onFocus:f,onBlur:p,onKeyDown:y,value:x,isDisabled:D,leftIcon:q,rightIcon:b,...v})});module.exports=s;

package/dist/TypeaheadSelect.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("classnames"),n=require("react"),s=require("./arrayUtils-BZ-V_2c9.js"),i=require("./keyboardEventConstants-BL5de2V9.js"),r=require("./TypeaheadInput.js"),a=require("./Spinner.js"),o=require("./Select-CMiQfdu3.js"),l=require("./ListItem.js"),c=require("./List.js");function u(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}require("./numberUtils-CMCFc8Kh.js"),require("./useDebounce-CP74COv3.js"),require("./Input.js"),require("./check-BSS-LBT3.js"),require("./Button.js"),require("uuid");var d,p=u(n);function m(e){return{id:e.id,content:e.title,context:e}}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)({}).hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e},h.apply(null,arguments)}var g,f=function(e){return p.createElement("svg",h({xmlns:"http://www.w3.org/2000/svg",width:10,height:5,fill:"none"},e),d||(d=p.createElement("path",{fill:"#222",d:"m5 5 5-5H0z"})))};function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)({}).hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e},y.apply(null,arguments)}var j=function(e){return p.createElement("svg",y({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),g||(g=p.createElement("path",{stroke:"#C7C7C7",strokeWidth:1.5,d:"m4 12 8-8M12 12 4 4"})))};function v({testid:n,tag:s,onRemove:r,customClassName:a}){const o=t("tag",a,{"tag--is-removable":r});return e.jsxs("div",{role:"button",tabIndex:0,"data-testid":n,onKeyDown:function(e){switch(e.stopPropagation(),e.key){case i.KEYBOARD_EVENT_KEY.ENTER:case i.KEYBOARD_EVENT_KEY.BACKSPACE:r&&r(s)}},className:o,onClick:function(e){e.stopPropagation(),r&&r(s)},children:[e.jsx("div",{className:"tag__body",children:s.content}),r&&e.jsx(j,{className:"tag__close-icon","aria-hidden":!0})]})}function _({handleTagRemove:n,tags:s,customClassName:i,input:r,canOpenMenu:a=!0}){const{isDisabled:u}=o.useSelectContext(),d=o.useSelectDispatchContext();return e.jsxs("div",{className:t("select-trigger","typeahead-select-trigger",i),onFocus:function(){a&&!u&&d({type:"OPEN_MENU"})},children:[e.jsx(c,{customClassName:t("typeahead-select-trigger__tag-list",i),testid:"TypeaheadSelectTrigger.list",items:s,children:t=>e.jsx(l,{customClassName:"typeahead-select-trigger__tag-list__item",children:e.jsx(v,{onRemove:n,customClassName:"typeahead-select-trigger__tag-list__item__tag",tag:t})},t.id)}),r]})}module.exports=function({testid:l,options:c,selectedOptions:u,typeaheadProps:d,onTagRemove:p,onKeywordChange:h,onSelect:g,customClassName:y,selectedOptionLimit:j,shouldDisplaySelectedOptions:v=!0,shouldFilterOptionsByKeyword:E=!0,isDisabled:O,shouldShowEmptyOptions:x=!0,canOpenDropdownMenu:C=!0,areOptionsFetching:b,customSpinner:w,initialKeyword:N="",controlledKeyword:S}){const q=n.useRef(null),[K,D]=n.useState(c),[B,T]=n.useState(!1),[P,R]=n.useState(N),k="string"==typeof S?S:P,A=function(e){return e.map(m)}(u),I=Boolean(j&&u.length>=j),Y=!j||j>1,F=!Y||Boolean(j&&u.length>=j-1),L=t("typeahead-select",y,{"typeahead-select--has-selected-options":Boolean(u.length),"typeahead-select--can-select-multiple":Y}),M=w||e.jsx(a,{customClassName:"typeahead-select__spinner"});return n.useEffect(()=>{D(c)},[c]),n.useEffect(()=>{let e;return B&&(e=setTimeout(()=>{q.current&&(q.current.focus(),T(!1))})),()=>{clearTimeout(e)}},[B]),n.useEffect(()=>{D(s.filterOutItemsByKey(c,"id",u))},[c,u]),e.jsxs(o.Select,{role:"listbox",onSelect:function(e){I||O||(g(e),D(c),R(""),T(!0))},options:K,customClassName:L,value:u,isDisabled:O,shouldCloseOnSelect:F,children:[e.jsx(_,{tags:v?A:[],handleTagRemove:function(e){p&&(p(e.context),T(!0))},canOpenMenu:C,input:!I&&e.jsx(r,{testid:`${l}.search`,customClassName:"typeahead-select__input",id:d.id,name:d.name,type:d.type,placeholder:d.placeholder,value:k,onQueryChange:function(e){if(E){const t=c.filter(e=>u.indexOf(e)<0);D(function(e,t){let n=e;return t&&(n=e.filter(e=>!e.title||e.title.toLowerCase().includes(t.toLowerCase()))),n}(t,e))}h&&h(e);void 0===S&&R(e)},onKeyDown:function(e){const{key:t}=e;t===i.KEYBOARD_EVENT_KEY.BACKSPACE&&!k&&p&&u.length&&(e.stopPropagation(),p(u[u.length-1]))},rightIcon:b?M:e.jsx(f,{"aria-hidden":!0}),onFocus:d.onFocus,isDisabled:O})}),e.jsxs(o.Select.Content,{testid:l,children:[K.map((t,n)=>e.jsx(o.Select.Item,{option:t,testid:`${l}.item-${n}`,children:t.title},t.id)),x&&!K.length&&e.jsx("p",{"data-testid":`${l}.empty-message`,className:"dropdown-list__empty-message",children:"No available options"})]})]})};

package/dist/arrayUtils-BZ-V_2c9.js

@@ -0,0 +1 @@
+"use strict";var e=require("./numberUtils-CMCFc8Kh.js");exports.filterOutItemsByKey=function(e,t,r){const n=r.map(e=>e[t]);return e.reduce((e,r)=>(n.includes(r[t])||e.push(r),e),[])},exports.limitArrayLengthFromTheEnd=function(t,r){let n=r;return e.isNonNegativeNumber(t)&&r.length>t&&(n=r.slice(r.length-t)),n},exports.updateAtIndex=function(e,t,r){const n=[...e];return n.splice(t,1,r),n};

package/dist/button/Button.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import "./_button.scss";
+export type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "disabled" | "className"> & {
+    children: React.ReactNode;
+    testid?: string;
+    customSpinner?: React.ReactNode;
+    isDisabled?: boolean;
+    shouldPreventDefault?: boolean;
+    shouldStopPropagation?: boolean;
+    shouldFocus?: boolean;
+    shouldDisplaySpinner?: boolean;
+    customClassName?: string;
+};
+declare const Button: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "disabled" | "className"> & {
+    children: React.ReactNode;
+    testid?: string;
+    customSpinner?: React.ReactNode;
+    isDisabled?: boolean;
+    shouldPreventDefault?: boolean;
+    shouldStopPropagation?: boolean;
+    shouldFocus?: boolean;
+    shouldDisplaySpinner?: boolean;
+    customClassName?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/button/file-upload/FileUploadButton.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { FileInputProps } from "../../form/input/file/FileInput";
+export type FileUploadButtonProps = Omit<FileInputProps, "onChange"> & {
+    customLabelClassName?: string;
+    ref?: React.RefObject<HTMLLabelElement>;
+    onFileSelect?: (files: React.SyntheticEvent<HTMLInputElement>["currentTarget"]["files"]) => void;
+};
+declare const FileUploadButton: React.ForwardRefExoticComponent<Omit<FileUploadButtonProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export default FileUploadButton;

package/dist/check-BSS-LBT3.js

@@ -0,0 +1 @@
+"use strict";function e(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(null,arguments)}exports.SvgCheck=function(e){return r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:10,height:7,fill:"none",className:"check_svg__check-icon"},e),t||(t=r.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M8.918 0 10 1.012 3.665 7 0 3.548l1.083-1.012 2.582 2.44z",clipRule:"evenodd"})))};

package/dist/core/utils/array/arrayUtils.d.ts

@@ -0,0 +1,13 @@
+declare function filterOutItemsByKey<T extends {
+    [x: string]: any;
+}>(array: T[], key: keyof T, items: T[]): T[];
+declare function updateAtIndex<Item>(items: Item[], index: number, newItem: Item): Item[];
+/**
+ * Slices an array at an offset from the end so that the new array's length would be `limit` at most.
+ *
+ * @param limit - Limit for the length of that array
+ * @param array - List of items
+ * @returns The same array if array.length <=limit, otherwise returns a new array.
+ */
+declare function limitArrayLengthFromTheEnd<Item>(limit: undefined | number, array: Item[]): Item[];
+export { filterOutItemsByKey, limitArrayLengthFromTheEnd, updateAtIndex };

package/dist/core/utils/device/deviceUtils.d.ts

@@ -0,0 +1,2 @@
+declare function isMobileDevice(): boolean;
+export { isMobileDevice };

package/dist/core/utils/dom/domUtils.d.ts

@@ -0,0 +1,2 @@
+declare function computeScrollAmountToMakeChildVisible(parent: HTMLElement, child: HTMLElement): number;
+export { computeScrollAmountToMakeChildVisible };

package/dist/core/utils/function/functionUtils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns a negated function that invokes the passed in function and returns the logical negation of its return value.
+ * @param {function} fn A function
+ * @returns {function} Negated function
+ */
+declare function not(fn: (item: any) => boolean): (item: any) => boolean;
+export { not };

package/dist/core/utils/hooks/useDateTimer.d.ts

@@ -0,0 +1,17 @@
+import type { DateTimerProps, TimerType } from "../../../date-timer/util/dateTimerTypes";
+import type { RemainingTimeBreakdown } from "../time/timeTypes";
+/**
+ * A React Hook that provides a date timer
+ * @param {Date[]} options.range - The target date range we're counting down to
+ * @param {number} options.cadence - The rate of the timer in milliseconds
+ * @param {TimerType} options.timerType - Type of the timer, either "down" or "up"
+ * @param {onEnd} options.onEnd - If provided, runs this callback when the timer ended
+ * @returns {object} The RemainingTimeBreakdown object
+ */
+declare function useDateTimer({ range, cadence, timerType, onEnd }: {
+    range: DateTimerProps["range"];
+    cadence?: number;
+    timerType?: TimerType;
+    onEnd?: DateTimerProps["onEnd"];
+}): RemainingTimeBreakdown;
+export default useDateTimer;

package/dist/core/utils/hooks/useDebounce.d.ts

@@ -0,0 +1,2 @@
+declare function useDebounce(debouncedHandler: any, initialValue: any, delay: number): any[];
+export default useDebounce;

package/dist/core/utils/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+declare function useOnClickOutside(element: HTMLElement | null, callback: () => void): void;
+export default useOnClickOutside;

package/dist/core/utils/keyboard/keyboardEventConstants.d.ts

@@ -0,0 +1,16 @@
+declare const KEYBOARD_EVENT_KEY: {
+    ENTER: string;
+    SPACE: string;
+    ESCAPE: string;
+    TAB: string;
+    BACKSPACE: string;
+    ARROW_UP: string;
+    ARROW_DOWN: string;
+    ARROW_LEFT: string;
+    ARROW_RIGHT: string;
+    CMD: string;
+    SHIFT: string;
+    HOME: string;
+    END: string;
+};
+export { KEYBOARD_EVENT_KEY };

package/dist/core/utils/number/numberConstants.d.ts

@@ -0,0 +1,5 @@
+declare const DEFAULT_THOUSANDTHS_SEPARATOR = ",";
+declare const DEFAULT_DECIMAL_NUMBER_SEPARATOR = ".";
+declare const DEFAULT_MINUS_SIGN = "-";
+declare const DEFAULT_NUMERALS: string[];
+export { DEFAULT_DECIMAL_NUMBER_SEPARATOR, DEFAULT_MINUS_SIGN, DEFAULT_NUMERALS, DEFAULT_THOUSANDTHS_SEPARATOR };

package/dist/core/utils/number/numberTypes.d.ts

@@ -0,0 +1,7 @@
+export type FormatNumberOptions = Omit<Intl.NumberFormatOptions, "style"> & {
+    locale?: string;
+};
+export interface ParseNumberOptions {
+    locale?: string;
+    maximumFractionDigits: number;
+}

package/dist/core/utils/number/numberUtils.d.ts

@@ -0,0 +1,44 @@
+import type { FormatNumberOptions, ParseNumberOptions } from "./numberTypes";
+/**
+ * @param {number} limit The number of digits in decimal part of a number
+ * @return {function} A function that takes in a number and returns the truncated version of it
+ */
+declare function truncateDecimalPart(limit: number): (x: number) => number;
+/**
+ * @param {number} x number to check
+ * @return {boolean} Whether x is an integer or not
+ */
+declare function isInteger(x: number): boolean;
+declare function isIntlAPISupported(): boolean;
+declare function formatNumber(formatNumberOptions: FormatNumberOptions): (value: number) => string;
+/**
+ * Coerces a number to scientific notation. {@link https://observablehq.com/@mbostock/localized-number-parsing | Reference}
+ * @param {object} options - An object includes parse number options
+ * @param {string} options.locale - Default locale used is browser locale
+ * @param {number} options.maximumFractionDigits - The maximum digit a decimal can have
+ * @param {number} value - A number to convert to string
+ * @returns {string} The value after coercing the given value to a scientific notation.
+ */
+declare function parseNumber(options: ParseNumberOptions, value: string): string;
+declare function getDigit(digitMap: Map<string, number>): (d: string) => string;
+declare function mapDigitsToLocalVersion({ locale }: {
+    locale?: string;
+}, digits: string): string;
+declare function getNumberSeparators(locale?: string): {
+    THOUSANDTHS_SEPARATOR: string;
+    DECIMAL_NUMBER_SEPARATOR: string;
+    MINUS_SIGN: string;
+};
+/**
+ * @returns Scientific and locale presentations of "-0" and "-00" values
+ */
+declare function getNegativeZero(locale?: string): {
+    LOCALE_NEGATIVE_ZERO: string;
+    LOCALE_NEGATIVE_DOUBLE_ZERO: string;
+    DEFAULT_NEGATIVE_ZERO: string;
+    DEFAULT_NEGATIVE_DOUBLE_ZERO: string;
+};
+declare function removeLeadingZeros(locale: string | undefined, value: string): string;
+declare function getThousandthSeparatorCount(value: string): number;
+declare function isNonNegativeNumber(x: unknown): x is number;
+export { formatNumber, getDigit, getNegativeZero, getNumberSeparators, getThousandthSeparatorCount, isInteger, isIntlAPISupported, isNonNegativeNumber, mapDigitsToLocalVersion, parseNumber, removeLeadingZeros, truncateDecimalPart };

package/dist/core/utils/string/stringConstants.d.ts

@@ -0,0 +1,2 @@
+declare const SINGLE_ALPHANUMERIC_CHARACTER_REGEX: RegExp;
+export { SINGLE_ALPHANUMERIC_CHARACTER_REGEX };

package/dist/core/utils/string/stringUtils.d.ts

@@ -0,0 +1,5 @@
+declare function generateRandomString(options?: {
+    radix?: number;
+    substringStartIndex?: number;
+}): string;
+export { generateRandomString };

package/dist/core/utils/test/testUtils.d.ts

@@ -0,0 +1,19 @@
+import { axe } from "jest-axe";
+/**
+ * Validates against common a11y mistakes.
+ *
+ * @example
+ * ```
+ * it('passes a11y test', async () => {
+ *  await testA11Y(<MyComponent />, options);
+ * });
+ *
+ * ```
+ * @param {HTMLElement} container - The html element we want to test
+ * @param {RunOptions} options - Axe run options
+ * @returns {void}
+ *
+ * @see https://github.com/nickcolley/jest-axe#testing-react-with-react-testing-library
+ */
+declare function testA11y(container: HTMLElement, options?: Parameters<typeof axe>[1]): Promise<void>;
+export { testA11y };

package/dist/core/utils/time/timeConstants.d.ts

@@ -0,0 +1,13 @@
+declare const HH_MM_A_TIME_FORMAT_REGEX: RegExp;
+declare const SECOND_IN_MS = 1000;
+declare const MINUTE_IN_S = 60;
+declare const MINUTE_IN_MS: number;
+declare const HOUR_IN_MINS = 60;
+declare const DAY_IN_HRS = 24;
+declare const HOUR_IN_S: number;
+declare const DAY_IN_S: number;
+declare const DATE_FORMAT: {
+    DEFAULT: string;
+    LONG_TIME_FORMAT: string;
+};
+export { DATE_FORMAT, DAY_IN_HRS, DAY_IN_S, HH_MM_A_TIME_FORMAT_REGEX, HOUR_IN_MINS, HOUR_IN_S, MINUTE_IN_MS, MINUTE_IN_S, SECOND_IN_MS };

package/dist/core/utils/time/timeTypes.d.ts

@@ -0,0 +1,13 @@
+export interface RemainingTimeBreakdown {
+    delta: number;
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+}
+export type FormatDateUtilOptions = {
+    timeZone?: string | null;
+    format?: string;
+    shouldShiftDateToCompensateForTimezone?: boolean;
+    isProvidedDateInUTC?: boolean;
+};

package/dist/core/utils/time/timeUtils.d.ts

@@ -0,0 +1,42 @@
+import type { DateTimerProps, TimerType } from "../../../date-timer/util/dateTimerTypes";
+import type { FormatDateUtilOptions, RemainingTimeBreakdown } from "./timeTypes";
+declare function sortDateRange(initialRange: Date[]): Date[];
+declare function calculateRemainingTimeBreakdown(range: DateTimerProps["range"], intervalCount?: number, timerType?: TimerType): RemainingTimeBreakdown;
+/**
+ * Formats a Date object into a human friendly string
+ *
+ * Note on usage:
+ *    Whenever the timezone information is not available and a date object that is passed to this
+ *    function is generated from a ISO-8601 date string (yyyy-MM-dd), `shouldShiftDateToCompensateForTimezone` option should be set to `true`.
+ *
+ *    Otherwise, displayed date would be inconsistent with the data.
+ *    For example, for a user with Eastern Daylight Time (to generalize, any user that has a negative UTC offset),
+ *    the following Date object is created for "2007-05-16": Tue May 15 2007 20:00:00 GMT-0400 (Eastern Daylight Time) {}.
+ *    Therefore, 15 May appears on the screen. By passing `new Date("2007-05-16")` value to `compensateForTimezone` utility, we fix this problem.
+ *
+ *    When the timezone information is passed to `formatDateWithOptions`, this extra compensation is redundant as `toZonedTime` handles it correctly.
+ *
+ * @param {object} options FormatDateUtilOptions
+ * @return {string} Formatted date
+ */
+declare function formatDateWithOptions(options: FormatDateUtilOptions): (date: Date) => string;
+/**
+ * Shifts the time of the Date object by the system's UTC offset to avoid timezone issues.
+ *
+ * For example, for a user with Eastern Daylight Time (to generalize, any user that has a negative UTC offset),
+ * the following Date object is created for "2007-05-16": Tue May 15 2007 20:00:00 GMT-0400 (Eastern Daylight Time) {}.
+ *
+ * By using this utility we get the following Date object: `compansateForTimezone(new Date("2007-05-16"))` = Tue May 16 2007 00:00:00 GMT-0400 (Eastern Daylight Time) {}
+ *
+ * @param {Date} date Date to shift
+ * @return {Date} shifted Date
+ */
+declare function compansateForTimezone(date: Date): Date;
+declare function parseTime(time: string, format?: string): string;
+declare function getHourMinuteMeridiemFromTimeString(timeString: string): {
+    hours: string;
+    minutes: string;
+    meridiem: string;
+};
+declare function formatTimeStringTo12hFormatWithMeridiem(timeString: string): string;
+export { calculateRemainingTimeBreakdown, compansateForTimezone, formatDateWithOptions, formatTimeStringTo12hFormatWithMeridiem, getHourMinuteMeridiemFromTimeString, parseTime, sortDateRange };

package/dist/date-timer/DateTimer.d.ts

@@ -0,0 +1,4 @@
+import "./_date-timer.scss";
+import type { DateTimerProps } from "./util/dateTimerTypes";
+declare function DateTimer({ testid, range, timerInterval, timerType, alwaysShowSeconds, titleMap, onEnd, customClassName }: DateTimerProps): import("react").JSX.Element;
+export default DateTimer;