@bikdotai/bik-component-library 0.0.6-beta.2 → 0.0.6-beta.4

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.
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { FAB_POSITION } from '../floating-action-button/FloatingActionButton.styles';
3
3
  import { DropdownOption } from '../opennedDropdown/type';
4
4
  export declare const FABMenu: React.FC<{
5
- onSelect: () => void;
5
+ onSelect: (selected: any) => void;
6
6
  menuOptions: DropdownOption[];
7
7
  buttonWidth?: number;
8
8
  buttonHeight?: number;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),n=require("../floating-action-button/FloatingActionButton.js"),o=require("../opennedDropdown/components/OpennedDropdown.js");exports.FABMenu=e=>{const{onSelect:i,menuOptions:r,buttonWidth:u,buttonHeight:d,buttonColor:s,buttonPosition:c,menuWidth:p,menuHeight:h,buttonIcon:l,buttonPadding:a}=e;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:l,width:u,height:d,color:s,position:c,buttonPadding:a},{children:t.jsx(o.OpennedDropdown,{options:r,height:h||90,width:p,onSelect:i})}))})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),n=require("../floating-action-button/FloatingActionButton.js");require("../floating-action-button/FloatingActionButton.styles.js");var o=require("../opennedDropdown/components/OpennedDropdown.js");exports.FABMenu=e=>{const{onSelect:i,menuOptions:r,buttonWidth:u,buttonHeight:s,buttonColor:d,buttonPosition:c,menuWidth:a,menuHeight:l,buttonIcon:p,buttonPadding:g}=e;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:p,width:u,height:s,color:d,position:c,buttonPadding:g},{children:t.jsx(o.OpennedDropdown,{options:r,height:l||90,width:a,onSelect:i})}))})};
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react-bootstrap"),o=require("styled-components"),e=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i,n=r(o);exports.FAB_POSITION=void 0,(i=exports.FAB_POSITION||(exports.FAB_POSITION={})).TOP_LEFT="top left",i.TOP_RIGHT="top right",i.BOTTOM_LEFT="bottom left",i.BOTTOM_RIGHT="botton right";const d=n.default.div`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react-bootstrap"),o=require("styled-components"),e=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n,i=r(o);exports.FAB_POSITION=void 0,(n=exports.FAB_POSITION||(exports.FAB_POSITION={})).TOP_LEFT="top left",n.TOP_RIGHT="top right",n.BOTTOM_LEFT="bottom left",n.BOTTOM_RIGHT="botton right";const d=i.default.div`
2
2
  width: ${t=>t.width}px;
3
3
  height: ${t=>t.height}px;
4
4
  background: ${t=>t.color};
@@ -7,13 +7,13 @@
7
7
  align-items: center;
8
8
  cursor: pointer;
9
9
  display: flex;
10
- `,p=n.default.div`
10
+ `,p=i.default.div`
11
11
  display: flex;
12
12
  flex-direction: column;
13
13
  align-items: flex-end;
14
14
  position: absolute;
15
15
  ${t=>t.position===exports.FAB_POSITION.BOTTOM_RIGHT?`right: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===exports.FAB_POSITION.BOTTOM_LEFT?`left: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===exports.FAB_POSITION.TOP_LEFT?`left: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:t.position===exports.FAB_POSITION.TOP_RIGHT?`right: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:""}
16
- `,a=n.default(t.Dropdown)`
16
+ `,a=i.default(t.Dropdown)`
17
17
  .filter-container {
18
18
  .single-row {
19
19
  display: flex;
@@ -70,7 +70,7 @@
70
70
  text-decoration: none;
71
71
  background-color: ${e.COLORS.background.positive.light};
72
72
  }
73
- `;n.default(t.Dropdown.Toggle)`
73
+ `,s=i.default(t.Dropdown.Toggle)`
74
74
  border-radius: 4px;
75
75
  display: flex;
76
76
  flex-direction: row;
@@ -80,4 +80,4 @@
80
80
  font-weight: 400;
81
81
  font-size: 14px;
82
82
  line-height: 20px;
83
- `,exports.FloatingActionButtonContainer=d,exports.FloatingActionButtonOuterContainer=p,exports.StyledDropdown=a;
83
+ `;exports.DropdownToggleContainer=s,exports.FloatingActionButtonContainer=d,exports.FloatingActionButtonOuterContainer=p,exports.StyledDropdown=a;
@@ -1 +1,2 @@
1
1
  export * from './FloatingActionButton';
2
+ export * from './FloatingActionButton.styles';
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const WorkingStepper: () => JSX.Element;
2
3
  export declare enum STEPENUM {
3
4
  STEP1 = "STEP1",
@@ -11,3 +11,4 @@ export * from './components/tag';
11
11
  export * from './components/pagination';
12
12
  export * from './components/icon-button';
13
13
  export * from './components/fab-menu';
14
+ export * from './components/floating-action-button';
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),t=require("./components/list-item/ListItem.js"),n=require("./components/pagination/Pagination.js"),r=require("./components/radioButton/RadioButton.js"),s=require("./components/toaster/Toaster.js"),p=require("./components/tooltips/Tooltip.js"),i=require("./components/spinner/Spinner.js"),u=require("./components/stepper/Stepper.js"),a=require("./components/tag/Tag.js"),c=require("./components/icon-button/IconButton.js"),x=require("./components/fab-menu/FABMenu.js");exports.BASE_COLORS=e.BASE_COLORS,exports.COLORS=e.COLORS,exports.DEFAULT_THEME=e.DEFAULT_THEME,exports.FONTS=e.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=t.ListItem,exports.Pagination=n.Pagination,exports.RadioButton=r.RadioButton,exports.Toaster=s.Toaster,exports.Tooltip=p.Tooltip,exports.Spinner=i.Spinner,exports.Stepper=u.Stepper,exports.Tag=a.Tag,exports.IconButton=c.IconButton,exports.FABMenu=x.FABMenu;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),e=require("./components/list-item/ListItem.js"),n=require("./components/pagination/Pagination.js"),r=require("./components/radioButton/RadioButton.js"),i=require("./components/toaster/Toaster.js"),s=require("./components/tooltips/Tooltip.js"),p=require("./components/spinner/Spinner.js"),u=require("./components/stepper/Stepper.js"),a=require("./components/tag/Tag.js"),c=require("./components/icon-button/IconButton.js"),x=require("./components/fab-menu/FABMenu.js"),B=require("./components/floating-action-button/FloatingActionButton.js"),g=require("./components/floating-action-button/FloatingActionButton.styles.js");exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=e.ListItem,exports.Pagination=n.Pagination,exports.RadioButton=r.RadioButton,exports.Toaster=i.Toaster,exports.Tooltip=s.Tooltip,exports.Spinner=p.Spinner,exports.Stepper=u.Stepper,exports.Tag=a.Tag,exports.IconButton=c.IconButton,exports.FABMenu=x.FABMenu,exports.FloatingActionButton=B.FloatingActionButton,exports.DropdownToggleContainer=g.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return g.FAB_POSITION}}),exports.FloatingActionButtonContainer=g.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=g.FloatingActionButtonOuterContainer,exports.StyledDropdown=g.StyledDropdown;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { FAB_POSITION } from '../floating-action-button/FloatingActionButton.styles';
3
3
  import { DropdownOption } from '../opennedDropdown/type';
4
4
  export declare const FABMenu: React.FC<{
5
- onSelect: () => void;
5
+ onSelect: (selected: any) => void;
6
6
  menuOptions: DropdownOption[];
7
7
  buttonWidth?: number;
8
8
  buttonHeight?: number;
@@ -1 +1 @@
1
- import{jsx as t}from"react/jsx-runtime";import{FloatingActionButton as o}from"../floating-action-button/FloatingActionButton.js";import{OpennedDropdown as n}from"../opennedDropdown/components/OpennedDropdown.js";const i=i=>{const{onSelect:e,menuOptions:r,buttonWidth:d,buttonHeight:c,buttonColor:u,buttonPosition:h,menuWidth:p,menuHeight:s,buttonIcon:m,buttonPadding:b}=i;return t("div",{children:t(o,Object.assign({icon:m,width:d,height:c,color:u,position:h,buttonPadding:b},{children:t(n,{options:r,height:s||90,width:p,onSelect:e})}))})};export{i as FABMenu};
1
+ import{jsx as t}from"react/jsx-runtime";import{FloatingActionButton as o}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";import{OpennedDropdown as n}from"../opennedDropdown/components/OpennedDropdown.js";const i=i=>{const{onSelect:e,menuOptions:r,buttonWidth:c,buttonHeight:u,buttonColor:d,buttonPosition:s,menuWidth:p,menuHeight:h,buttonIcon:m,buttonPadding:g}=i;return t("div",{children:t(o,Object.assign({icon:m,width:c,height:u,color:d,position:s,buttonPadding:g},{children:t(n,{options:r,height:h||90,width:p,onSelect:e})}))})};export{i as FABMenu};
@@ -70,7 +70,7 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
70
70
  text-decoration: none;
71
71
  background-color: ${e.background.positive.light};
72
72
  }
73
- `;o(t.Toggle)`
73
+ `,p=o(t.Toggle)`
74
74
  border-radius: 4px;
75
75
  display: flex;
76
76
  flex-direction: row;
@@ -80,4 +80,4 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
80
80
  font-weight: 400;
81
81
  font-size: 14px;
82
82
  line-height: 20px;
83
- `;export{i as FAB_POSITION,n as FloatingActionButtonContainer,r as FloatingActionButtonOuterContainer,d as StyledDropdown};
83
+ `;export{p as DropdownToggleContainer,i as FAB_POSITION,n as FloatingActionButtonContainer,r as FloatingActionButtonOuterContainer,d as StyledDropdown};
@@ -1 +1,2 @@
1
1
  export * from './FloatingActionButton';
2
+ export * from './FloatingActionButton.styles';
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const WorkingStepper: () => JSX.Element;
2
3
  export declare enum STEPENUM {
3
4
  STEP1 = "STEP1",
@@ -11,3 +11,4 @@ export * from './components/tag';
11
11
  export * from './components/pagination';
12
12
  export * from './components/icon-button';
13
13
  export * from './components/fab-menu';
14
+ export * from './components/floating-action-button';
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";
1
+ export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,StyledDropdown}from"./components/floating-action-button/FloatingActionButton.styles.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.6-beta.2",
3
+ "version": "0.0.6-beta.4",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",