@bikdotai/bik-component-library 0.0.196-beta-1 → 0.0.196-beta-2
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"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");const r=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?l.COLORS.content.inactive:l.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:l.COLORS.surface.standard})]}));exports.CheckBox=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");const r=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?l.COLORS.content.inactive:l.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:l.COLORS.surface.standard})]}));exports.CheckBox=a=>{var o;const[n,c]=i.useState(a.isChecked||!1),[d,h]=i.useState(a.isDisabled||!1),[u,x]=i.useState(!1),[C,v]=i.useState(!1);i.useEffect((()=>{a.controlFromOutside&&c(a.isChecked)}),[a.isChecked,a.controlFromOutside]);return i.useEffect((()=>{c(a.isChecked)}),[a.isChecked]),i.useEffect((()=>{h(a.isDisabled||!1)}),[a.isDisabled]),e.jsxs(s.CheckboxContainer,Object.assign({onClick:()=>{var e,i;if(!a.isDisabled){if(a.controlFromOutside)return void(null===(e=a.onValueChange)||void 0===e||e.call(a,!a.isChecked,a.value));const s=!n;c(s),null===(i=a.onValueChange)||void 0===i||i.call(a,s,a.value)}},onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:[e.jsx(s.CheckboxIcon,Object.assign({checked:n,hovered:u,clicked:C,isDisabled:d},{children:n&&e.jsx(r,{isPartial:null!==(o=a.isPartiallyChecked)&&void 0!==o&&o,isDisabled:d})})),a.label&&e.jsx(t.BodyPrimary,Object.assign({color:a.isDisabled?l.COLORS.text.disabled:l.COLORS.text.primary},{children:a.label}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as s,useEffect as l}from"react";import{CheckboxContainer as t,CheckboxIcon as o}from"./CheckBox.styled.js";import{BodyPrimary as r}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";const a=s=>e("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?n.content.inactive:n.background.positive.vibrant}),!s.isPartial&&i("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&i("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:n.surface.standard})]})),d=d=>{var c;const[h,u]=s(d.isChecked||!1),[v,g]=s(d.isDisabled||!1),[b,m]=s(!1),[w,C]=s(!1);l((()=>{d.controlFromOutside&&u(d.isChecked)}),[d.isChecked,d.controlFromOutside]);return l((()=>{u(d.isChecked)}),[d.isChecked]),l((()=>{g(d.isDisabled||!1)}),[d.isDisabled]),e(t,Object.assign({onClick:()=>{var e,i;if(!d.isDisabled){if(d.controlFromOutside)return void(null===(e=d.onValueChange)||void 0===e||e.call(d,!d.isChecked,d.value));const s=!h;u(s),null===(i=d.onValueChange)||void 0===i||i.call(d,s,d.value)}},onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),onMouseDown:()=>C(!0),onMouseUp:()=>C(!1)},{children:[i(o,Object.assign({checked:h,hovered:b,clicked:w,isDisabled:v},{children:h&&i(a,{isPartial:null!==(c=d.isPartiallyChecked)&&void 0!==c&&c,isDisabled:v})})),d.label&&i(r,Object.assign({color:d.isDisabled?n.text.disabled:n.text.primary},{children:d.label}))]}))};export{d as CheckBox};
|