@bikdotai/bik-component-library 0.0.77-4.beta.0.8 → 0.0.78

package/dist/cjs/components/shimmer-image/ShimmerImage.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
-export default _default;
-export declare const Image: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
-export declare const ImageWithError: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;

package/dist/cjs/components/shimmer-image/index.d.ts

@@ -1 +0,0 @@
-export * from './ShimmerImage';

package/dist/cjs/components/side-modal/SideModal.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../button/model';
-export interface SideModalProps {
-    header: string;
-    children: React.ReactNode;
-    headerCustomComponent?: React.ReactNode;
-    footerCustomComponent?: React.ReactNode;
-    footerDirection?: 'row' | 'row-reverse';
-    hideCrossButton?: boolean;
-    width?: string;
-    saveButtonProps?: ButtonProps;
-    cancelButtonProps?: ButtonProps;
-    onClose: () => void;
-    zIndex?: number;
-    hideFooter?: boolean;
-    bodyStyle?: React.CSSProperties;
-    element?: Element | DocumentFragment;
-    headerStyle?: React.CSSProperties;
-    footerStyle?: React.CSSProperties;
-    closeOnEscapeKey?: boolean;
-}
-export declare const SideModal: React.FC<SideModalProps>;

package/dist/cjs/components/side-modal/SideModal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),r=require("../../assets/icons/cross.svg.js"),s=require("../button/Button.js"),n=require("../TypographyStyle.js"),i=require("./SideModal.style.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=d(o);exports.SideModal=o=>{var d;const{closeOnEscapeKey:c,onClose:l}=o;return t.useEffect((()=>{if(!(null==c||c))return;const e=e=>{"Escape"===e.key&&l()};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[c,l]),a.default.createPortal(e.jsx(i.SideModalStyle,Object.assign({zIndex:o.zIndex},{children:e.jsxs(i.SideModalContainer,Object.assign({width:o.width},{children:[e.jsxs(i.SideModalHeader,Object.assign({headerStyle:Object.assign({},o.headerStyle)},{children:[(null==o?void 0:o.headerCustomComponent)||e.jsx(n.TitleMedium,{children:o.header}),!o.hideCrossButton&&e.jsx(r.default,{width:24,height:24,onClick:o.onClose})," "]})),e.jsxs(i.SideModalBody,Object.assign({hideFooter:o.hideFooter,bodyStyle:Object.assign({},o.bodyStyle)},{children:[o.children," "]})),!0===o.hideFooter?null:e.jsxs(i.SideModalFooter,Object.assign({footerDirection:o.footerDirection,footerStyle:Object.assign({},o.footerStyle)},{children:[(o.saveButtonProps||o.cancelButtonProps)&&e.jsxs(i.FooterButtonWrapper,Object.assign({footerDirection:o.footerDirection},{children:[o.saveButtonProps&&e.jsx(s.Button,Object.assign({},o.saveButtonProps)),o.cancelButtonProps&&e.jsx(s.Button,Object.assign({},o.cancelButtonProps))," "]})),o.footerCustomComponent?o.footerCustomComponent:e.jsx(e.Fragment,{})," "]}))," "]}))})),null!==(d=o.element)&&void 0!==d?d:document.body)};

package/dist/cjs/components/side-modal/SideModal.style.d.ts

@@ -1,20 +0,0 @@
-export declare const SideModalStyle: import("styled-components").StyledComponent<"div", any, {
-    zIndex?: number | undefined;
-}, never>;
-export declare const SideModalContainer: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-}, never>;
-export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {
-    headerStyle: React.CSSProperties;
-}, never>;
-export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {
-    hideFooter?: boolean | undefined;
-    bodyStyle: React.CSSProperties;
-}, never>;
-export declare const SideModalFooter: import("styled-components").StyledComponent<"div", any, {
-    footerDirection?: "row" | "row-reverse" | undefined;
-    footerStyle: React.CSSProperties;
-}, never>;
-export declare const FooterButtonWrapper: import("styled-components").StyledComponent<"div", any, {
-    footerDirection?: "row" | "row-reverse" | undefined;
-}, never>;

package/dist/cjs/components/side-modal/SideModal.style.js

@@ -1,65 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js"),o=require("../../constants/zindex.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);const d=r.default.div`
-	position: fixed;
-	top: 0;
-	left: 0;
-	z-index: ${e=>e.zIndex||o.ComponentZindex.SIDE_MODAL};
-	height: 100%;
-	width: 100%;
-	background-color: rgba(0, 0, 0, 0.4);
-	display: flex;
-	align-items: center;
-	justify-content: flex-end;
-`,n=r.default.div`
-	height: 100%;
-	width: ${e=>e.width||"566px"};
-	background: ${t.COLORS.surface.standard};
-	position: relative;
-	display: flex;
-	flex-direction: column;
-`,a=r.default.div`
-	width: 100%;
-	height: 60px;
-	position: sticky;
-	top: 0;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	background: ${t.COLORS.surface.standard};
-	padding: 0px 24px;
-	border-bottom: 1px solid ${t.COLORS.stroke.primary};
-	svg:hover {
-		cursor: pointer;
-		background: ${t.COLORS.background.base};
-		border-radius: 4px;
-	}
-	${t=>{let{headerStyle:o}=t;return e.css`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
-`,s=r.default.div`
-	overflow-y: auto;
-	padding: 24px;
-	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
-	${t=>{let{bodyStyle:o}=t;return e.css`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
-`,p=r.default.div`
-	height: 60px;
-	width: 100%;
-	position: sticky;
-	bottom: 0;
-	display: flex;
-	flex-direction: ${e=>e.footerDirection||"row"};
-	justify-content: space-between;
-	align-items: center;
-	background: ${t.COLORS.surface.standard};
-	border-top: 1px solid ${t.COLORS.stroke.primary};
-	padding: 0px 24px;
-	${t=>{let{footerStyle:o}=t;return e.css`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
-`,l=r.default.div`
-	display: flex;
-	flex-direction: ${e=>e.footerDirection||"row"};
-	gap: 8px;
-`;exports.FooterButtonWrapper=l,exports.SideModalBody=s,exports.SideModalContainer=n,exports.SideModalFooter=p,exports.SideModalHeader=a,exports.SideModalStyle=d;

package/dist/cjs/components/side-modal/index.d.ts

@@ -1 +0,0 @@
-export * from './SideModal';

package/dist/cjs/components/slider/index.d.ts

@@ -1 +0,0 @@
-export * from './slider';

package/dist/cjs/components/slider/slider.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface SliderBikProps {
-    min?: number;
-    max?: number;
-    defaultValue?: number;
-    onChange: (event: Event, value: number) => void;
-    step?: number;
-    disabled?: boolean;
-}
-export declare const BikSlider: React.FC<SliderBikProps>;

package/dist/cjs/components/slider/slider.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../constants/Theme.js");exports.BikSlider=n=>{let{min:r=0,max:s=100,defaultValue:o,onChange:i,step:l=1,disabled:u=!1}=n;const c=void 0!==o?o:r,[b,d]=t.useState(c),[g,h]=t.useState(!1),[p,x]=t.useState(!1),[m,f]=t.useState(!1),v=t.useRef(null),w=t.useRef(null),k=(e=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:a.COLORS.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:a.COLORS.background.brand,border:`2px solid ${a.COLORS.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:e?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:a.COLORS.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}))(u);t.useEffect((()=>{d(void 0!==o?o:r)}),[o,r]);const j=t.useCallback((e=>{if(!v.current)return r;const t=v.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),n=r+a*(s-r),o=Math.round(n/l)*l;return Math.max(r,Math.min(s,o))}),[r,s,l]),O=t.useCallback((e=>{if(u)return;e.preventDefault(),h(!0),f(!0);const t=j(e.clientX);d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[u,j,i]),C=t.useCallback((e=>{if(!g||u)return;const t=j(e.clientX);d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[g,u,j,i]),L=t.useCallback((()=>{h(!1),f(!1)}),[]),E=t.useCallback((e=>{if(u)return;let t=b;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(r,b-l);break;case"ArrowRight":case"ArrowUp":t=Math.min(s,b+l);break;case"Home":t=r;break;case"End":t=s;break;default:return}e.preventDefault(),d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[u,b,r,s,l,i]);t.useEffect((()=>{if(g)return document.addEventListener("mousemove",C),document.addEventListener("mouseup",L),()=>{document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",L)}}),[g,C,L]);const M=(b-r)/(s-r)*100,y=isNaN(M)?0:Math.max(0,Math.min(100,M));return e.jsxs("div",Object.assign({ref:v,style:k.container,onMouseDown:O,role:"slider","aria-label":"bik slider","aria-valuemin":r,"aria-valuemax":s,"aria-valuenow":b,tabIndex:u?-1:0,onKeyDown:E},{children:[e.jsx("div",{style:k.track}),e.jsx("div",{style:Object.assign(Object.assign({},k.filledTrack),{width:`${y}%`})}),e.jsx("div",Object.assign({ref:w,style:(()=>{const e=Object.assign({},k.thumb);return u?Object.assign(Object.assign({},e),k.thumbDisabled):(g?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):p&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${y}%`,e)})(),onMouseEnter:()=>!u&&x(!0),onMouseLeave:()=>!u&&x(!1),onFocus:()=>!u&&f(!0),onBlur:()=>!u&&f(!1)},{children:e.jsx("div",Object.assign({style:(()=>{const e=Object.assign({},k.valueLabel);return m||p?Object.assign(Object.assign({},e),k.valueLabelVisible):e})()},{children:e.jsx("span",Object.assign({style:k.valueLabelText},{children:b}))}))}))]}))};

package/dist/cjs/components/star-rating/Star.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export declare const Star: React.FC<{
-    filled?: boolean;
-    size?: number;
-    emptyColor?: string;
-    filledColor?: string;
-    onClick?: (action: 'de-select' | 'select') => void;
-    onHover?: (hovered: boolean) => void;
-    /** this means this star is hovered-active cause there is a star hovered after this  */
-    asHovered?: boolean;
-    mode?: 'VIEW' | 'EDIT';
-    version?: 'v1' | 'v2';
-}>;

package/dist/cjs/components/star-rating/Star.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/starEmpty.svg.js"),o=require("../../assets/icons/starFilled.svg.js"),n=require("../../assets/icons/starFilledV2.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t);exports.Star=l=>{let{size:i,filled:a,emptyColor:c,filledColor:d,onClick:f,asHovered:v,onHover:E,mode:g,version:h="v1"}=l;const[j,C]=t.useState(!1);t.useEffect((()=>{null==E||E(j)}),[j]),t.useEffect((()=>{v||C(!1)}),[v]);const p=u.default.useMemo((()=>(e=>"v1"===e?o.default:n.default)(h)),[h]);return v?e.jsx(p,{onClick:()=>{null==f||f("select")},onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{cursor:"pointer"},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):j?e.jsx(p,{onMouseLeave:()=>C(!1),onMouseEnter:()=>C(!0),style:{cursor:"pointer"},onClick:()=>{null==f||f("select")},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):a?e.jsx(p,{onMouseEnter:()=>"VIEW"!==g&&C(!0),onMouseLeave:()=>"VIEW"!==g&&C(!1),style:{cursor:"VIEW"!==g?"pointer":"default"},onClick:()=>{"VIEW"!==g&&(null==f||f("de-select"))},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):e.jsx(s.default,{onMouseEnter:()=>"VIEW"!==g&&C(!0),onMouseLeave:()=>"VIEW"!==g&&C(!1),style:{cursor:"VIEW"!==g?"pointer":"default"},onClick:()=>{"VIEW"!==g&&(null==f||f("select"))},width:i,height:i,color:null!=c?c:r.COLORS.surface.standard})};

package/dist/cjs/components/star-rating/StarRating.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare const StarRating: React.FC<{
-    emptyColor?: string;
-    filledColor?: string;
-    onChange: (stars: number) => void;
-    value?: number;
-    maxValue?: number;
-    starSize?: number;
-    mode?: 'VIEW' | 'EDIT';
-    version?: 'v1' | 'v2';
-}>;

package/dist/cjs/components/star-rating/StarRating.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),C=require("react"),A=require("./Star.js");function e(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}const c=e(I).default("div","production"===process.env.NODE_ENV?{target:"e1yh3w250"}:{target:"e1yh3w250",label:"Container"})("production"===process.env.NODE_ENV?{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center"}:{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXJSYXRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk2QiIsImZpbGUiOiJTdGFyUmF0aW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgU3RhciB9IGZyb20gJy4vU3Rhcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogc3RhcnQ7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhclJhdGluZyA9ICh7IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yLCBvbkNoYW5nZSwgdmFsdWUsIG1heFZhbHVlLCBzdGFyU2l6ZSwgbW9kZSwgdmVyc2lvbiA9ICd2MScsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzdGFycywgc2V0U3RhcnNdID0gdXNlU3RhdGUodmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHZvaWQgMCA/IHZhbHVlIDogMCk7XHJcbiAgICBjb25zdCBbbW91bnRlZCwgc2V0TW91bnRlZEZsYWddID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgW2hvdmVyZWRTdGFyLCBzZXRIb3ZlcmVkU3Rhcl0gPSB1c2VTdGF0ZSgwKTtcclxuICAgIGNvbnN0IGFyciA9IHVzZU1lbW8oKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGxpbWl0ID0gbWF4VmFsdWUgIT09IG51bGwgJiYgbWF4VmFsdWUgIT09IHZvaWQgMCA/IG1heFZhbHVlIDogNTtcclxuICAgICAgICByZXR1cm4gQXJyYXkobGltaXQpXHJcbiAgICAgICAgICAgIC5maWxsKG51bGwpXHJcbiAgICAgICAgICAgIC5tYXAoKF8sIGlkeCkgPT4gaWR4ICsgMSk7XHJcbiAgICB9LCBbbWF4VmFsdWVdKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKG1vdW50ZWQpIHtcclxuICAgICAgICAgICAgb25DaGFuZ2Uoc3RhcnMpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtzdGFyc10pO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBzZXRNb3VudGVkRmxhZyh0cnVlKTtcclxuICAgIH0sIFtdKTtcclxuICAgIHJldHVybiAoX2pzeChDb250YWluZXIsIHsgY2hpbGRyZW46IGFyci5tYXAoKGlkeCkgPT4gKF9qc3goU3RhciwgeyBhc0hvdmVyZWQ6IGhvdmVyZWRTdGFyID8gaWR4IDw9IGhvdmVyZWRTdGFyIDogZmFsc2UsIHNpemU6IHN0YXJTaXplICE9PSBudWxsICYmIHN0YXJTaXplICE9PSB2b2lkIDAgPyBzdGFyU2l6ZSA6IDI0LCBmaWxsZWQ6IGhvdmVyZWRTdGFyID8gdW5kZWZpbmVkIDogaWR4IDw9IHN0YXJzLCBlbXB0eUNvbG9yOiBlbXB0eUNvbG9yLCBmaWxsZWRDb2xvcjogZmlsbGVkQ29sb3IsIG9uQ2xpY2s6IChhY3Rpb24pID0+IHtcclxuICAgICAgICAgICAgICAgIGlmIChhY3Rpb24gPT09ICdkZS1zZWxlY3QnKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKGlkeCA8IHN0YXJzKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldFN0YXJzKGlkeCk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHggLSAxKTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHgpO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LCBvbkhvdmVyOiAoaG92ZXJlZCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgaWYgKGhvdmVyZWQpXHJcbiAgICAgICAgICAgICAgICAgICAgc2V0SG92ZXJlZFN0YXIoaWR4KTtcclxuICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgIHNldEhvdmVyZWRTdGFyKDApO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LCBtb2RlOiBtb2RlLCB2ZXJzaW9uOiB2ZXJzaW9uIH0sIGlkeCkpKSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN0YXJSYXRpbmcuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.StarRating=I=>{let{emptyColor:e,filledColor:l,onChange:t,value:b,maxValue:d,starSize:s,mode:G,version:a="v1"}=I;const[i,o]=C.useState(null!=b?b:0),[n,u]=C.useState(!1),[y,X]=C.useState(0),Z=C.useMemo((()=>Array(null!=d?d:5).fill(null).map(((I,g)=>g+1))),[d]);return C.useEffect((()=>{n&&t(i)}),[i]),C.useEffect((()=>{u(!0)}),[]),g.jsx(c,{children:Z.map((I=>g.jsx(A.Star,{asHovered:!!y&&I<=y,size:null!=s?s:24,filled:y?void 0:I<=i,emptyColor:e,filledColor:l,onClick:g=>{o("de-select"===g?I<i?I:I-1:I)},onHover:g=>{X(g?I:0)},mode:G,version:a},I)))})};

package/dist/cjs/components/star-rating/index.d.ts

@@ -1 +0,0 @@
-export * from './StarRating';

package/dist/cjs/components/states/ShopifyScopeWrapper.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface ShopifyScopeWrapper {
-    permissions: string[];
-    permissionRequestTitle: string;
-    permissionRequestSubTitle: string;
-    cacheInLocal?: boolean;
-    permissionEvaluationFunction: (permissions: string[]) => Promise<{
-        hasPermission: boolean;
-        urlForPermissions?: string;
-    }>;
-    children: React.ReactNode;
-    onPermissionClickCallback?: () => void;
-}
-export declare const ShopifyScopeWrapper: React.FC<ShopifyScopeWrapper>;

package/dist/cjs/components/states/ShopifyScopeWrapper.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),i=require("./StateComponent.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(s);exports.ShopifyScopeWrapper=n=>{const[o,r]=a.default.useState(!1),[c,l]=a.default.useState(!1),[u,p]=a.default.useState(""),d=s.useCallback((()=>n.permissions.join("-")+"-hasPermission"),[n.permissions]),h=s.useCallback((()=>{const e=d(),t=localStorage.getItem(e);return!!t&&"true"===t}),[d]),m=s.useCallback((e=>{const t=d();localStorage.setItem(t,e.toString())}),[d]),f=s.useCallback((()=>{u?window.open(u,"_blank"):n.onPermissionClickCallback&&n.onPermissionClickCallback()}),[n,u]);return s.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(n.cacheInLocal&&h())return void r(!0);const{hasPermission:e,urlForPermissions:t}=yield n.permissionEvaluationFunction(n.permissions);r(e),p(t),l(!0),n.cacheInLocal&&e&&m(e)})).then().catch()}),[h,n,m]),c?o?t.jsx(t.Fragment,{children:n.children}):t.jsx(i.StateComponent,{states:i.StateInterface.WARNING,heading:n.permissionRequestTitle,subline:n.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:f}):t.jsx(i.StateComponent,{states:i.StateInterface.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};

package/dist/cjs/components/tabs/Tabs.model.d.ts

@@ -1,63 +0,0 @@
-import React from 'react';
-import { TagType } from '../tag/model';
-export interface TabItemProps {
-    hasEqualSpacing?: boolean;
-    selected: boolean;
-    selectedTextColor: string;
-    isSquared?: boolean;
-}
-export interface TabItemTextProps {
-    selected: boolean;
-    textColor: string;
-    selectedTextColor: string;
-    style?: React.CSSProperties;
-}
-export interface TabInterface {
-    key: string;
-    title: string;
-    icon?: React.JSXElementConstructor<{
-        selected: string;
-    }>;
-    trailingNumber?: number;
-    numberTagType?: TagType;
-    leadingNumber?: number;
-    iconPosition?: 'left' | 'right';
-}
-export interface TabViewHeaderProps {
-    hasEqualSpacing?: boolean;
-    tabs: TabInterface[];
-    onTabSelected: (tabKey: string) => void;
-    initialTab?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    selectedTextColor?: string;
-    TabItemStyledProps?: React.CSSProperties;
-    IconComponent?: React.JSXElementConstructor<{
-        selected: string;
-    }>;
-    selectedTab?: string;
-    extendedBorder?: boolean;
-    rightComponent?: JSX.Element;
-    size?: 'small' | 'default';
-    isSquared?: boolean;
-    containerStyles?: React.CSSProperties;
-    'data-test'?: string;
-}
-export interface TabItemComponentProps {
-    hasEqualSpacing?: boolean;
-    tab: TabInterface;
-    currentTab: string;
-    setCurrentTab: (tabKey: string) => void;
-    textColor: string;
-    selectedTextColor: string;
-    TabItemStyledProps?: React.CSSProperties;
-    size?: 'small' | 'default';
-    IconComponent?: React.JSXElementConstructor<{
-        selected: string;
-    }>;
-    isSquared?: boolean;
-    isFirstlement?: boolean;
-    isLastElement?: boolean;
-    'data-test'?: string;
-    iconPosition?: 'left' | 'right';
-}

package/dist/cjs/components/tag/Tag.stories.d.ts

@@ -1,22 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}>;
-export default _default;
-export declare const Default: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}>;
-export declare const WithIcons: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}>;
-export declare const WithIconTooltips: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}>;
-export declare const DarkTheme: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}>;