@bikdotai/bik-component-library 0.0.314 → 0.0.316
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../constants/Theme.js"),o=require("../../assets/icons/starEmpty.svg.js"),s=require("../../assets/icons/starFilled.svg.js");exports.Star=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../constants/Theme.js"),o=require("../../assets/icons/starEmpty.svg.js"),s=require("../../assets/icons/starFilled.svg.js");exports.Star=n=>{let{size:l,filled:u,emptyColor:i,filledColor:a,onClick:c,asHovered:d,onHover:h}=n;const[v,f]=r.useState(!1);return r.useEffect((()=>{null==h||h(v)}),[v]),r.useEffect((()=>{d||f(!1)}),[d]),d?e.jsx(s.default,{onClick:()=>{null==c||c("select")},onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),style:{cursor:"pointer"},width:l,height:l,color:null!=a?a:t.COLORS.background.warning.vibrant}):v?e.jsx(s.default,{onMouseLeave:()=>f(!1),onMouseEnter:()=>f(!0),style:{cursor:"pointer"},onClick:()=>{null==c||c("select")},width:l,height:l,color:null!=a?a:t.COLORS.background.warning.vibrant}):u?e.jsx(s.default,{onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),style:{cursor:"pointer"},onClick:()=>{null==c||c("de-select")},width:l,height:l,color:null!=a?a:t.COLORS.background.warning.vibrant}):e.jsx(o.default,{onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),style:{cursor:"pointer"},onClick:()=>{null==c||c("select")},width:l,height:l,color:null!=i?i:t.COLORS.surface.standard})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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 c(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}const
|
|
1
|
+
"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 c(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}const l=c(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXJSYXRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk2QiIsImZpbGUiOiJTdGFyUmF0aW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgU3RhciB9IGZyb20gJy4vU3Rhcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogc3RhcnQ7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhclJhdGluZyA9ICh7IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yLCBvbkNoYW5nZSwgdmFsdWUsIG1heFZhbHVlLCBzdGFyU2l6ZSB9KSA9PiB7XHJcbiAgICBjb25zdCBbc3RhcnMsIHNldFN0YXJzXSA9IHVzZVN0YXRlKHZhbHVlICE9PSBudWxsICYmIHZhbHVlICE9PSB2b2lkIDAgPyB2YWx1ZSA6IDApO1xyXG4gICAgY29uc3QgW21vdW50ZWQsIHNldE1vdW50ZWRGbGFnXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IFtob3ZlcmVkU3Rhciwgc2V0SG92ZXJlZFN0YXJdID0gdXNlU3RhdGUoMCk7XHJcbiAgICBjb25zdCBhcnIgPSB1c2VNZW1vKCgpID0+IHtcclxuICAgICAgICBjb25zdCBsaW1pdCA9IG1heFZhbHVlICE9PSBudWxsICYmIG1heFZhbHVlICE9PSB2b2lkIDAgPyBtYXhWYWx1ZSA6IDU7XHJcbiAgICAgICAgcmV0dXJuIEFycmF5KGxpbWl0KVxyXG4gICAgICAgICAgICAuZmlsbChudWxsKVxyXG4gICAgICAgICAgICAubWFwKChfLCBpZHgpID0+IGlkeCArIDEpO1xyXG4gICAgfSwgW21heFZhbHVlXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGlmIChtb3VudGVkKSB7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlKHN0YXJzKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbc3RhcnNdKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0TW91bnRlZEZsYWcodHJ1ZSk7XHJcbiAgICB9LCBbXSk7XHJcbiAgICByZXR1cm4gKF9qc3goQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBhcnIubWFwKChpZHgpID0+IChfanN4KFN0YXIsIHsgYXNIb3ZlcmVkOiBob3ZlcmVkU3RhciA/IGlkeCA8PSBob3ZlcmVkU3RhciA6IGZhbHNlLCBzaXplOiBzdGFyU2l6ZSAhPT0gbnVsbCAmJiBzdGFyU2l6ZSAhPT0gdm9pZCAwID8gc3RhclNpemUgOiAyNCwgZmlsbGVkOiBob3ZlcmVkU3RhciA/IHVuZGVmaW5lZCA6IGlkeCA8PSBzdGFycywgZW1wdHlDb2xvcjogZW1wdHlDb2xvciwgZmlsbGVkQ29sb3I6IGZpbGxlZENvbG9yLCBvbkNsaWNrOiAoYWN0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBpZiAoYWN0aW9uID09PSAnZGUtc2VsZWN0Jykge1xyXG4gICAgICAgICAgICAgICAgICAgIGlmIChpZHggPCBzdGFycykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHgpO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgc2V0U3RhcnMoaWR4IC0gMSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgc2V0U3RhcnMoaWR4KTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfSwgb25Ib3ZlcjogKGhvdmVyZWQpID0+IHtcclxuICAgICAgICAgICAgICAgIGlmIChob3ZlcmVkKVxyXG4gICAgICAgICAgICAgICAgICAgIHNldEhvdmVyZWRTdGFyKGlkeCk7XHJcbiAgICAgICAgICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICBzZXRIb3ZlcmVkU3RhcigwKTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfSB9LCBpZHgpKSkgfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdGFyUmF0aW5nLmpzLm1hcCJdfQ== */",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:c,filledColor:e,onChange:t,value:b,maxValue:i,starSize:s}=I;const[Z,d]=C.useState(null!=b?b:0),[u,n]=C.useState(!1),[o,G]=C.useState(0),a=C.useMemo((()=>Array(null!=i?i:5).fill(null).map(((I,g)=>g+1))),[i]);return C.useEffect((()=>{u&&t(Z)}),[Z]),C.useEffect((()=>{n(!0)}),[]),g.jsx(l,{children:a.map((I=>g.jsx(A.Star,{asHovered:!!o&&I<=o,size:null!=s?s:24,filled:o?void 0:I<=Z,emptyColor:c,filledColor:e,onClick:g=>{d("de-select"===g?I<Z?I:I-1:I)},onHover:g=>{G(g?I:0)}},I)))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import{useState as e,useEffect as r}from"react";import{COLORS as n}from"../../constants/Theme.js";import t from"../../assets/icons/starEmpty.svg.js";import l from"../../assets/icons/starFilled.svg.js";const s=s=>{let{size:i,filled:c,emptyColor:u,filledColor:a,onClick:d,asHovered:m,onHover:h}=s;const[g,p]=e(!1);return r((()=>{null==h||h(g)}),[g]),m?o(l,{onClick:()=>{null==d||d("select")},onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),style:{cursor:"pointer"},width:i,height:i,color:null!=a?a:n.background.warning.vibrant}):g?o(l,{onMouseLeave:()=>p(!1),style:{cursor:"pointer"},onClick:()=>{null==d||d("select")},width:i,height:i,color:null!=a?a:n.background.warning.vibrant}):c?o(l,{onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),style:{cursor:"pointer"},onClick:()=>{null==d||d("de-select")},width:i,height:i,color:null!=a?a:n.background.warning.vibrant}):o(t,{onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),style:{cursor:"pointer"},onClick:()=>{null==d||d("select")},width:i,height:i,color:null!=u?u:n.surface.standard})};export{s as Star};
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import{useState as e,useEffect as r}from"react";import{COLORS as n}from"../../constants/Theme.js";import t from"../../assets/icons/starEmpty.svg.js";import l from"../../assets/icons/starFilled.svg.js";const s=s=>{let{size:i,filled:c,emptyColor:u,filledColor:a,onClick:d,asHovered:m,onHover:h}=s;const[g,p]=e(!1);return r((()=>{null==h||h(g)}),[g]),r((()=>{m||p(!1)}),[m]),m?o(l,{onClick:()=>{null==d||d("select")},onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),style:{cursor:"pointer"},width:i,height:i,color:null!=a?a:n.background.warning.vibrant}):g?o(l,{onMouseLeave:()=>p(!1),onMouseEnter:()=>p(!0),style:{cursor:"pointer"},onClick:()=>{null==d||d("select")},width:i,height:i,color:null!=a?a:n.background.warning.vibrant}):c?o(l,{onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),style:{cursor:"pointer"},onClick:()=>{null==d||d("de-select")},width:i,height:i,color:null!=a?a:n.background.warning.vibrant}):o(t,{onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),style:{cursor:"pointer"},onClick:()=>{null==d||d("select")},width:i,height:i,color:null!=u?u:n.surface.standard})};export{s as Star};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import I from"@emotion/styled/base";import{jsx as g}from"react/jsx-runtime";import{useState as C,useMemo as A,useEffect as c}from"react";import{Star as l}from"./Star.js";const
|
|
1
|
+
import I from"@emotion/styled/base";import{jsx as g}from"react/jsx-runtime";import{useState as C,useMemo as A,useEffect as c}from"react";import{Star as l}from"./Star.js";const b=I("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXJSYXRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk2QiIsImZpbGUiOiJTdGFyUmF0aW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgU3RhciB9IGZyb20gJy4vU3Rhcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogc3RhcnQ7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhclJhdGluZyA9ICh7IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yLCBvbkNoYW5nZSwgdmFsdWUsIG1heFZhbHVlLCBzdGFyU2l6ZSB9KSA9PiB7XHJcbiAgICBjb25zdCBbc3RhcnMsIHNldFN0YXJzXSA9IHVzZVN0YXRlKHZhbHVlICE9PSBudWxsICYmIHZhbHVlICE9PSB2b2lkIDAgPyB2YWx1ZSA6IDApO1xyXG4gICAgY29uc3QgW21vdW50ZWQsIHNldE1vdW50ZWRGbGFnXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IFtob3ZlcmVkU3Rhciwgc2V0SG92ZXJlZFN0YXJdID0gdXNlU3RhdGUoMCk7XHJcbiAgICBjb25zdCBhcnIgPSB1c2VNZW1vKCgpID0+IHtcclxuICAgICAgICBjb25zdCBsaW1pdCA9IG1heFZhbHVlICE9PSBudWxsICYmIG1heFZhbHVlICE9PSB2b2lkIDAgPyBtYXhWYWx1ZSA6IDU7XHJcbiAgICAgICAgcmV0dXJuIEFycmF5KGxpbWl0KVxyXG4gICAgICAgICAgICAuZmlsbChudWxsKVxyXG4gICAgICAgICAgICAubWFwKChfLCBpZHgpID0+IGlkeCArIDEpO1xyXG4gICAgfSwgW21heFZhbHVlXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGlmIChtb3VudGVkKSB7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlKHN0YXJzKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbc3RhcnNdKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0TW91bnRlZEZsYWcodHJ1ZSk7XHJcbiAgICB9LCBbXSk7XHJcbiAgICByZXR1cm4gKF9qc3goQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBhcnIubWFwKChpZHgpID0+IChfanN4KFN0YXIsIHsgYXNIb3ZlcmVkOiBob3ZlcmVkU3RhciA/IGlkeCA8PSBob3ZlcmVkU3RhciA6IGZhbHNlLCBzaXplOiBzdGFyU2l6ZSAhPT0gbnVsbCAmJiBzdGFyU2l6ZSAhPT0gdm9pZCAwID8gc3RhclNpemUgOiAyNCwgZmlsbGVkOiBob3ZlcmVkU3RhciA/IHVuZGVmaW5lZCA6IGlkeCA8PSBzdGFycywgZW1wdHlDb2xvcjogZW1wdHlDb2xvciwgZmlsbGVkQ29sb3I6IGZpbGxlZENvbG9yLCBvbkNsaWNrOiAoYWN0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBpZiAoYWN0aW9uID09PSAnZGUtc2VsZWN0Jykge1xyXG4gICAgICAgICAgICAgICAgICAgIGlmIChpZHggPCBzdGFycykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHgpO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgc2V0U3RhcnMoaWR4IC0gMSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgc2V0U3RhcnMoaWR4KTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfSwgb25Ib3ZlcjogKGhvdmVyZWQpID0+IHtcclxuICAgICAgICAgICAgICAgIGlmIChob3ZlcmVkKVxyXG4gICAgICAgICAgICAgICAgICAgIHNldEhvdmVyZWRTdGFyKGlkeCk7XHJcbiAgICAgICAgICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICBzZXRIb3ZlcmVkU3RhcigwKTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfSB9LCBpZHgpKSkgfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdGFyUmF0aW5nLmpzLm1hcCJdfQ== */",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)."}}),e=I=>{let{emptyColor:e,filledColor:t,onChange:i,value:Z,maxValue:o,starSize:G}=I;const[d,n]=C(null!=Z?Z:0),[s,m]=C(!1),[a,X]=C(0),p=A((()=>Array(null!=o?o:5).fill(null).map(((I,g)=>g+1))),[o]);return c((()=>{s&&i(d)}),[d]),c((()=>{m(!0)}),[]),g(b,{children:p.map((I=>g(l,{asHovered:!!a&&I<=a,size:null!=G?G:24,filled:a?void 0:I<=d,emptyColor:e,filledColor:t,onClick:g=>{n("de-select"===g?I<d?I:I-1:I)},onHover:g=>{X(g?I:0)}},I)))})};export{e as StarRating};
|