@bikdotai/bik-component-library 0.0.799-beta.6 → 0.0.799-beta.8

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.
Files changed (7) hide show
  1. package/dist/cjs/components/dropdown-button/DropdownButton.js +1 -1
  2. package/dist/cjs/components/dropdown-button/DropdownButton.style.d.ts +2 -1
  3. package/dist/cjs/components/dropdown-button/DropdownButton.style.js +3 -0
  4. package/dist/esm/components/dropdown-button/DropdownButton.js +1 -1
  5. package/dist/esm/components/dropdown-button/DropdownButton.style.d.ts +2 -1
  6. package/dist/esm/components/dropdown-button/DropdownButton.style.js +6 -3
  7. package/package.json +1 -1
package/dist/cjs/components/dropdown-button/DropdownButton.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),r=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("react"),require("../zeroState/ZeroState.js"),require("../../constants/Theme.js"),require("lodash/debounce"),require("../TypographyStyle.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js");var n=require("../button/Button.js");require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js");var t=require("../icon-button/IconButton.js");require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var i=require("../button/themes.js"),s=require("../spinner/Spinner.js"),d=require("./DropdownButton.style.js");exports.DropdownButton=p=>{var u,l,a,c,b,j,x;const m=!!p.iconButtonProps,v=m?null===(u=p.iconButtonProps)||void 0===u?void 0:u.disabled:null===(l=p.buttonProps)||void 0===l?void 0:l.disabled;if(m){const{iconButtonProps:o}=p;return e.jsxs(d.DropdownButtonStyle,Object.assign({type:void 0,disabled:v,isIconButton:!0,iconButtonType:null!==(a=null==o?void 0:o.iconButtonType)&&void 0!==a?a:"primary",iconButtonSize:null!==(c=null==o?void 0:o.size)&&void 0!==c?c:"default"},{children:[e.jsx(t.IconButton,Object.assign({},o,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px"}})),e.jsx("div",{className:"dd-button-divider"}),e.jsx(r.DropdownPopover,Object.assign({},p.dropdownProps,{isChildLoading:!1},{children:e.jsx(t.IconButton,{Icon:p.iconProps,iconButtonType:null!==(b=null==o?void 0:o.iconButtonType)&&void 0!==b?b:"primary",size:null==o?void 0:o.size,disabled:v,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}})}))]}))}const y=p.buttonProps,w=o.__rest(y,["onClick"]);return e.jsxs(d.DropdownButtonStyle,Object.assign({type:p.buttonProps.buttonType,disabled:p.buttonProps.disabled},{children:[(null===(j=p.buttonProps)||void 0===j?void 0:j.isLoading)&&e.jsx(d.LoaderContainer,Object.assign({type:p.buttonProps.buttonType},{children:e.jsx(s.Spinner,{className:"spinner",size:"small",color:i.SpinnerColorMap(p.buttonProps.buttonType||"primary",p.buttonProps.inverse)})})),e.jsx(n.Button,Object.assign({},p.buttonProps,{isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),e.jsx("div",{className:"dd-button-divider"}),e.jsx(r.DropdownPopover,Object.assign({},p.dropdownProps,{isChildLoading:null===(x=p.buttonProps)||void 0===x?void 0:x.isLoading},{children:e.jsx(n.Button,Object.assign({},w,{isLoading:!1,buttonText:"",TrailingIcon:p.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),r=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("react"),require("../zeroState/ZeroState.js"),require("../../constants/Theme.js"),require("lodash/debounce"),require("../TypographyStyle.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js");var n=require("../button/Button.js");require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js");var t=require("../icon-button/IconButton.js");require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var i=require("../button/themes.js"),s=require("../spinner/Spinner.js"),d=require("./DropdownButton.style.js");exports.DropdownButton=p=>{var u,l,a,c,b,j,x;const m=!!p.iconButtonProps,v=m?null===(u=p.iconButtonProps)||void 0===u?void 0:u.disabled:null===(l=p.buttonProps)||void 0===l?void 0:l.disabled;if(m){const{iconButtonProps:o}=p;return e.jsxs(d.DropdownButtonStyle,Object.assign({type:void 0,disabled:v,isIconButton:!0,iconButtonType:null!==(a=null==o?void 0:o.iconButtonType)&&void 0!==a?a:"primary",iconButtonSize:null!==(c=null==o?void 0:o.size)&&void 0!==c?c:"default"},{children:[e.jsx(t.IconButton,Object.assign({},o,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px"}})),e.jsx("div",{className:"dd-button-divider"}),e.jsx(r.DropdownPopover,Object.assign({},p.dropdownProps,{isChildLoading:!1},{children:e.jsx(t.IconButton,{Icon:p.iconProps,iconButtonType:null!==(b=null==o?void 0:o.iconButtonType)&&void 0!==b?b:"primary",size:null==o?void 0:o.size,disabled:v,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}})}))]}))}const y=p.buttonProps,w=o.__rest(y,["onClick"]);return e.jsxs(d.DropdownButtonStyle,Object.assign({type:p.buttonProps.buttonType,disabled:p.buttonProps.disabled,size:p.buttonProps.size},{children:[(null===(j=p.buttonProps)||void 0===j?void 0:j.isLoading)&&e.jsx(d.LoaderContainer,Object.assign({type:p.buttonProps.buttonType},{children:e.jsx(s.Spinner,{className:"spinner",size:"small",color:i.SpinnerColorMap(p.buttonProps.buttonType||"primary",p.buttonProps.inverse)})})),e.jsx(n.Button,Object.assign({},p.buttonProps,{isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),e.jsx("div",{className:"dd-button-divider"}),e.jsx(r.DropdownPopover,Object.assign({},p.dropdownProps,{isChildLoading:null===(x=p.buttonProps)||void 0===x?void 0:x.isLoading},{children:e.jsx(n.Button,Object.assign({},w,{isLoading:!1,buttonText:"",TrailingIcon:p.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}))};
package/dist/cjs/components/dropdown-button/DropdownButton.style.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Type } from '../button/model';
1
+ import { Size, Type } from '../button/model';
2
2
  import { IconButtonType } from '../icon-button/model';
3
3
  export declare const DropdownButtonStyle: import("styled-components").StyledComponent<"div", any, {
4
4
  type: Type | undefined;
@@ -6,6 +6,7 @@ export declare const DropdownButtonStyle: import("styled-components").StyledComp
6
6
  isIconButton?: boolean | undefined;
7
7
  iconButtonType?: IconButtonType | undefined;
8
8
  iconButtonSize?: "default" | "xs" | undefined;
9
+ size?: Size | undefined;
9
10
  }, never>;
10
11
  export declare const LoaderContainer: import("styled-components").StyledComponent<"div", any, {
11
12
  type: Type | undefined;
package/dist/cjs/components/dropdown-button/DropdownButton.style.js CHANGED
@@ -5,8 +5,11 @@
5
5
  position: relative;
6
6
  align-items: stretch;
7
7
  ${t=>{var n,r,i;return t.isIconButton&&`\n\t\tborder-radius: 4px;\n\t\tbackground: ${r=null!==(n=t.iconButtonType)&&void 0!==n?n:"primary",i=t.disabled,i?e.COLORS.background.inactive:"primary"===r?e.COLORS.background.inverseLight:"transparent"};\n\t\toverflow: hidden;\n\t\theight: ${"xs"===t.iconButtonSize?"24px":"32px"};\n\t\talign-items: center;\n\t`}}
8
+ ${t=>("xs"===t.size||"xs"===t.iconButtonSize)&&"height: 24px;"}
8
9
  .dd-button-divider {
9
10
  width: ${t=>["primary","destructive"].includes(t.type)||t.isIconButton?"1px":"0px"};
11
+ height: ${t=>t.isIconButton?"12px":"auto"};
12
+ flex-shrink: 0;
10
13
  background-color: ${t=>{return t.isIconButton?"rgba(255, 255, 255, 0.3)":(n=t.type,(null==t?void 0:t.disabled)?e.COLORS.content.inactive:"primary"===n?"#CDA2FC":e.COLORS.content.primaryInverse);var n}};
11
14
  }
12
15
  `,o=r.default.div`
package/dist/esm/components/dropdown-button/DropdownButton.js CHANGED
@@ -1 +1 @@
1
- import{__rest as o}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{DropdownPopover as i}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"lodash/debounce";import"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import{Button as r}from"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{IconButton as e}from"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{SpinnerColorMap as d}from"../button/themes.js";import{Spinner as s}from"../spinner/Spinner.js";import{DropdownButtonStyle as p,LoaderContainer as u}from"./DropdownButton.style.js";const l=l=>{var m,a,c,b,j,y,v;const w=!!l.iconButtonProps,g=w?null===(m=l.iconButtonProps)||void 0===m?void 0:m.disabled:null===(a=l.buttonProps)||void 0===a?void 0:a.disabled;if(w){const{iconButtonProps:o}=l;return t(p,Object.assign({type:void 0,disabled:g,isIconButton:!0,iconButtonType:null!==(c=null==o?void 0:o.iconButtonType)&&void 0!==c?c:"primary",iconButtonSize:null!==(b=null==o?void 0:o.size)&&void 0!==b?b:"default"},{children:[n(e,Object.assign({},o,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px"}})),n("div",{className:"dd-button-divider"}),n(i,Object.assign({},l.dropdownProps,{isChildLoading:!1},{children:n(e,{Icon:l.iconProps,iconButtonType:null!==(j=null==o?void 0:o.iconButtonType)&&void 0!==j?j:"primary",size:null==o?void 0:o.size,disabled:g,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}})}))]}))}const B=l.buttonProps,h=o(B,["onClick"]);return t(p,Object.assign({type:l.buttonProps.buttonType,disabled:l.buttonProps.disabled},{children:[(null===(y=l.buttonProps)||void 0===y?void 0:y.isLoading)&&n(u,Object.assign({type:l.buttonProps.buttonType},{children:n(s,{className:"spinner",size:"small",color:d(l.buttonProps.buttonType||"primary",l.buttonProps.inverse)})})),n(r,Object.assign({},l.buttonProps,{isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),n("div",{className:"dd-button-divider"}),n(i,Object.assign({},l.dropdownProps,{isChildLoading:null===(v=l.buttonProps)||void 0===v?void 0:v.isLoading},{children:n(r,Object.assign({},h,{isLoading:!1,buttonText:"",TrailingIcon:l.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}))};export{l as DropdownButton};
1
+ import{__rest as o}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{DropdownPopover as i}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"lodash/debounce";import"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import{Button as r}from"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{IconButton as e}from"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{SpinnerColorMap as d}from"../button/themes.js";import{Spinner as s}from"../spinner/Spinner.js";import{DropdownButtonStyle as p,LoaderContainer as u}from"./DropdownButton.style.js";const l=l=>{var m,a,c,b,j,y,v;const w=!!l.iconButtonProps,g=w?null===(m=l.iconButtonProps)||void 0===m?void 0:m.disabled:null===(a=l.buttonProps)||void 0===a?void 0:a.disabled;if(w){const{iconButtonProps:o}=l;return t(p,Object.assign({type:void 0,disabled:g,isIconButton:!0,iconButtonType:null!==(c=null==o?void 0:o.iconButtonType)&&void 0!==c?c:"primary",iconButtonSize:null!==(b=null==o?void 0:o.size)&&void 0!==b?b:"default"},{children:[n(e,Object.assign({},o,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px"}})),n("div",{className:"dd-button-divider"}),n(i,Object.assign({},l.dropdownProps,{isChildLoading:!1},{children:n(e,{Icon:l.iconProps,iconButtonType:null!==(j=null==o?void 0:o.iconButtonType)&&void 0!==j?j:"primary",size:null==o?void 0:o.size,disabled:g,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}})}))]}))}const B=l.buttonProps,h=o(B,["onClick"]);return t(p,Object.assign({type:l.buttonProps.buttonType,disabled:l.buttonProps.disabled,size:l.buttonProps.size},{children:[(null===(y=l.buttonProps)||void 0===y?void 0:y.isLoading)&&n(u,Object.assign({type:l.buttonProps.buttonType},{children:n(s,{className:"spinner",size:"small",color:d(l.buttonProps.buttonType||"primary",l.buttonProps.inverse)})})),n(r,Object.assign({},l.buttonProps,{isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),n("div",{className:"dd-button-divider"}),n(i,Object.assign({},l.dropdownProps,{isChildLoading:null===(v=l.buttonProps)||void 0===v?void 0:v.isLoading},{children:n(r,Object.assign({},h,{isLoading:!1,buttonText:"",TrailingIcon:l.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}))};export{l as DropdownButton};
package/dist/esm/components/dropdown-button/DropdownButton.style.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Type } from '../button/model';
1
+ import { Size, Type } from '../button/model';
2
2
  import { IconButtonType } from '../icon-button/model';
3
3
  export declare const DropdownButtonStyle: import("styled-components").StyledComponent<"div", any, {
4
4
  type: Type | undefined;
@@ -6,6 +6,7 @@ export declare const DropdownButtonStyle: import("styled-components").StyledComp
6
6
  isIconButton?: boolean | undefined;
7
7
  iconButtonType?: IconButtonType | undefined;
8
8
  iconButtonSize?: "default" | "xs" | undefined;
9
+ size?: Size | undefined;
9
10
  }, never>;
10
11
  export declare const LoaderContainer: import("styled-components").StyledComponent<"div", any, {
11
12
  type: Type | undefined;
package/dist/esm/components/dropdown-button/DropdownButton.style.js CHANGED
@@ -4,12 +4,15 @@ import t from"styled-components";import{COLORS as e}from"../../constants/Theme.j
4
4
  width: max-content;
5
5
  position: relative;
6
6
  align-items: stretch;
7
- ${t=>{var n,r,i;return t.isIconButton&&`\n\t\tborder-radius: 4px;\n\t\tbackground: ${r=null!==(n=t.iconButtonType)&&void 0!==n?n:"primary",i=t.disabled,i?e.background.inactive:"primary"===r?e.background.inverseLight:"transparent"};\n\t\toverflow: hidden;\n\t\theight: ${"xs"===t.iconButtonSize?"24px":"32px"};\n\t\talign-items: center;\n\t`}}
7
+ ${t=>{var n,i,r;return t.isIconButton&&`\n\t\tborder-radius: 4px;\n\t\tbackground: ${i=null!==(n=t.iconButtonType)&&void 0!==n?n:"primary",r=t.disabled,r?e.background.inactive:"primary"===i?e.background.inverseLight:"transparent"};\n\t\toverflow: hidden;\n\t\theight: ${"xs"===t.iconButtonSize?"24px":"32px"};\n\t\talign-items: center;\n\t`}}
8
+ ${t=>("xs"===t.size||"xs"===t.iconButtonSize)&&"height: 24px;"}
8
9
  .dd-button-divider {
9
10
  width: ${t=>["primary","destructive"].includes(t.type)||t.isIconButton?"1px":"0px"};
11
+ height: ${t=>t.isIconButton?"12px":"auto"};
12
+ flex-shrink: 0;
10
13
  background-color: ${t=>{return t.isIconButton?"rgba(255, 255, 255, 0.3)":(n=t.type,(null==t?void 0:t.disabled)?e.content.inactive:"primary"===n?"#CDA2FC":e.content.primaryInverse);var n}};
11
14
  }
12
- `,r=t.div`
15
+ `,i=t.div`
13
16
  position: absolute;
14
17
  inset: 0;
15
18
  display: flex;
@@ -20,4 +23,4 @@ import t from"styled-components";import{COLORS as e}from"../../constants/Theme.j
20
23
  border-radius: 4px;
21
24
  background: ${t=>(t=>{switch(t){case"destructive":return e.background.negative.light;case"secondaryGray":return e.surface.subdued;default:return e.background.brandLight}})(t.type)};
22
25
  z-index: 3;
23
- `;export{n as DropdownButtonStyle,r as LoaderContainer};
26
+ `;export{n as DropdownButtonStyle,i as LoaderContainer};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.799-beta.6",
3
+ "version": "0.0.799-beta.8",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",