@bikdotai/bik-component-library 0.0.772-test.10 → 0.0.772-test.11
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,6 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../constants/zindex.js"),s=require("../../assets/icons/errorIcon.svg.js"),r=require("../../assets/icons/successIcon.svg.js"),o=require("../../assets/icons/warningIcon.svg.js"),a=require("../modals/styledModal.js"),i=require("../spinner/Spinner.js"),c=require("../../constants/Theme.js"),u=require("../states/StateComponent.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=d(require("styled-components")).default.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
2
5
|
width: 64px;
|
|
3
6
|
height: 64px;
|
|
4
7
|
background-color: ${c.COLORS.background.base};
|
|
5
8
|
border-radius: 32px;
|
|
6
|
-
`;exports.StateModalComponent=c=>{const d=()=>{switch(x){case u.StateInterface.SUCCESS:return e.jsx(r.default,{});case u.StateInterface.WARNING:return e.jsx(o.default,{});case u.StateInterface.ERROR:return e.jsx(s.default,{});case u.StateInterface.LOADING:return e.jsx(i.Spinner,{size:"large"});default:return e.jsx(l,{children:
|
|
9
|
+
`;exports.StateModalComponent=c=>{const d=()=>{switch(x){case u.StateInterface.SUCCESS:return e.jsx(r.default,{});case u.StateInterface.WARNING:return e.jsx(o.default,{});case u.StateInterface.ERROR:return e.jsx(s.default,{});case u.StateInterface.LOADING:return e.jsx(i.Spinner,{size:"large"});default:return e.jsx(l,{children:f})}},{states:x,heading:j,subline:p,icon:f=d(),isButtonEnabled:h,type:g,buttonText:I,onButtonClick:S,leadingIcon:y,width:C,zIndex:b,headerImage:m,iconHeight:O,iconWidth:q,closeButtonType:B,secondaryButtonText:T}=c,[v,w]=t.useState(!0);return e.jsx(a.StyledModal,Object.assign({"data-test":c["data-test"],open:v,onClose:function(){c.onClose&&c.onClose(),w(!1)},closeOnOutsideClick:!(x===u.StateInterface.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:C},hideCrossButton:x===u.StateInterface.LOADING,zIndex:b||n.ComponentZindex.STATE_MODAL},{children:e.jsx(u.StateComponent,Object.assign({states:x,heading:j,subline:p,isButtonEnabled:h,leadingIcon:y,type:g,buttonText:I,onButtonClick:S,icon:f,width:C||400,headerImage:m,iconHeight:O,iconWidth:q,closeButtonType:B,secondaryButtonText:T},{children:c.children}))}))};
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import{ComponentZindex as n}from"../../constants/zindex.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import{ComponentZindex as n}from"../../constants/zindex.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import i from"../../assets/icons/warningIcon.svg.js";import{StyledModal as r}from"../modals/styledModal.js";import{Spinner as c}from"../spinner/Spinner.js";import{COLORS as a}from"../../constants/Theme.js";import{StateInterface as d,StateComponent as l}from"../states/StateComponent.js";import m from"styled-components";const u=a=>{const m=()=>{switch(u){case d.SUCCESS:return t(s,{});case d.WARNING:return t(i,{});case d.ERROR:return t(o,{});case d.LOADING:return t(c,{size:"large"});default:return t(p,{children:f})}},{states:u,heading:h,subline:g,icon:f=m(),isButtonEnabled:x,type:I,buttonText:j,onButtonClick:y,leadingIcon:b,width:C,zIndex:B,headerImage:O,iconHeight:T,iconWidth:S,closeButtonType:w,secondaryButtonText:A}=a,[k,E]=e(!0);return t(r,Object.assign({"data-test":a["data-test"],open:k,onClose:function(){a.onClose&&a.onClose(),E(!1)},closeOnOutsideClick:!(u===d.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:C},hideCrossButton:u===d.LOADING,zIndex:B||n.STATE_MODAL},{children:t(l,Object.assign({states:u,heading:h,subline:g,isButtonEnabled:x,leadingIcon:b,type:I,buttonText:j,onButtonClick:y,icon:f,width:C||400,headerImage:O,iconHeight:T,iconWidth:S,closeButtonType:w,secondaryButtonText:A},{children:a.children}))}))},p=m.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
2
5
|
width: 64px;
|
|
3
6
|
height: 64px;
|
|
4
7
|
background-color: ${a.background.base};
|