@bitrise/bitkit 9.3.0-alpha.3 → 9.3.0-alpha.4

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [9.3.0-alpha.4](https://github.com/bitrise-io/bitkit/compare/v9.3.0-alpha.3...v9.3.0-alpha.4) (2022-03-09)
+
+
+### Features
+
+* **button:** chakra poc ([bef4241](https://github.com/bitrise-io/bitkit/commit/bef42412e9e571154d49298f63adc9fa8e764172))
+
 # [9.3.0-alpha.3](https://github.com/bitrise-io/bitkit/compare/v9.3.0-alpha.2...v9.3.0-alpha.3) (2022-03-09)
 
 

package/lib/cjs/Button2/Button2.d.ts

@@ -3,12 +3,13 @@ import { ButtonProps } from '@chakra-ui/react';
 interface Props extends Pick<ButtonProps, 'as' | 'disabled' | 'leftIcon' | 'rightIcon' | 'sx'> {
     children: ButtonProps['children'];
     href?: string;
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    ref?: any;
     size?: 'small' | 'medium';
     target?: '_blank' | '_parent' | '_self' | '_top';
     type?: ButtonProps['type'];
     variant?: 'primary' | 'secondary' | 'tertiary' | 'dangerPrimary' | 'dangerSecondary';
 }
-declare const Button2: (props: Props) => JSX.Element;
+declare const Button2: import("@chakra-ui/react").ComponentWithAs<import("@chakra-ui/react").As<any>, Props>;
 export default Button2;
 //# sourceMappingURL=Button2.d.ts.map

package/lib/cjs/Button2/Button2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button2.d.ts","sourceRoot":"","sources":["../../../src/Button2/Button2.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA0B,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvE,UAAU,KAAM,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAE,IAAI,CAAC;IACzF,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3F,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;CACtF;AAEH,QAAA,MAAM,OAAO,UAAW,KAAK,gBAO5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Button2.d.ts","sourceRoot":"","sources":["../../../src/Button2/Button2.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA0B,WAAW,EAAc,MAAM,kBAAkB,CAAC;AAEnF,UAAU,KAAM,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAE,IAAI,CAAC;IACzF,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;CACtF;AAEH,QAAA,MAAM,OAAO,uFAOX,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/lib/cjs/Button2/Button2.js

@@ -37,13 +37,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable object-shorthand */
 var React = __importStar(require("react"));
 var react_1 = require("@chakra-ui/react");
-var Button2 = function (props) {
+var Button2 = (0, react_1.forwardRef)(function (props, ref) {
     var defaults = {
         size: 'medium',
         variant: 'primary',
     };
     var iconSpacing = props.size === 'medium' ? '10px' : '6px';
-    return React.createElement(react_1.Button, __assign({ iconSpacing: iconSpacing }, defaults, props));
-};
+    return React.createElement(react_1.Button, __assign({ iconSpacing: iconSpacing, ref: ref }, defaults, props));
+});
 exports.default = Button2;
 //# sourceMappingURL=Button2.js.map

package/lib/cjs/Button2/Button2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button2.js","sourceRoot":"","sources":["../../../src/Button2/Button2.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAqC;AACrC,2CAA+B;AAC/B,0CAAuE;AAYvE,IAAM,OAAO,GAAG,UAAC,KAAY;IAC3B,IAAM,QAAQ,GAAG;QACf,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,SAAS;KACnB,CAAC;IACF,IAAM,WAAW,GAAG,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAC7D,OAAO,oBAAC,cAAY,aAAC,WAAW,EAAG,WAAW,IAAQ,QAAQ,EAAQ,KAAK,EAAK,CAAC;AACnF,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"Button2.js","sourceRoot":"","sources":["../../../src/Button2/Button2.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAqC;AACrC,2CAA+B;AAC/B,0CAAmF;AAanF,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,UAAC,KAAY,EAAE,GAAG;IAC3C,IAAM,QAAQ,GAAG;QACf,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,SAAS;KACnB,CAAC;IACF,IAAM,WAAW,GAAG,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAC7D,OAAO,oBAAC,cAAY,aAAC,WAAW,EAAG,WAAW,EAAG,GAAG,EAAG,GAAG,IAAQ,QAAQ,EAAQ,KAAK,EAAK,CAAC;AAC/F,CAAC,CAAC,CAAC;AAEH,kBAAe,OAAO,CAAC"}

package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { ButtonProps, DropdownMenuItemProps, PlacementProps } from '@bitrise/bitkit';
+import { DropdownMenuItemProps, PlacementProps } from '@bitrise/bitkit';
+import { ButtonProps } from '@chakra-ui/react';
 export interface ItemProps extends DropdownMenuItemProps {
     component?: string;
     disabled?: boolean;
@@ -9,7 +10,7 @@ export interface ItemProps extends DropdownMenuItemProps {
 }
 export interface Props {
     buttonProps?: ButtonProps;
-    children?: React.ReactElement | React.ReactNodeArray;
+    children?: React.ReactNode | undefined;
     dropdownWidth?: string;
     items: ItemProps[];
     placementProps?: PlacementProps;

package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithDropdown.d.ts","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEH,WAAW,EAGX,qBAAqB,EAIrB,cAAc,EAEb,MAAM,iBAAiB,CAAC;AAE7B,MAAM,WAAW,SAAU,SAAQ,qBAAqB;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC;AAED,QAAA,MAAM,kBAAkB,qEAMrB,KAAK,KAAG,WAwCV,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ButtonWithDropdown.d.ts","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIH,qBAAqB,EAIrB,cAAc,EAEb,MAAM,iBAAiB,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,MAAM,WAAW,SAAU,SAAQ,qBAAqB;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC;AAED,QAAA,MAAM,kBAAkB,qEAMrB,KAAK,KAAG,WAwCV,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.js

@@ -42,11 +42,13 @@ var ButtonWithDropdown = function (_a) {
     return (React.createElement(bitkit_1.PlacementManager, null,
         React.createElement(bitkit_1.PlacementReference, null, function (_a) {
             var ref = _a.ref;
-            return (React.createElement(bitkit_1.Button, __assign({ innerRef: ref, onClick: function () { return setVisible(true); } }, buttonProps),
-                children,
-                React.createElement(bitkit_1.Icon, { name: "ChevronDown" })));
+            return (
+            /* @ts-ignore */
+            React.createElement(bitkit_1.Button2, __assign({ onClick: function () { return setVisible(!visible); }, ref: ref, rightIcon: React.createElement(bitkit_1.Icon, { name: "ChevronDown" }) }, buttonProps), children));
         }),
-        !buttonProps.disabled && (React.createElement(bitkit_1.Placement, __assign({ disableMargin: "left-right", onClose: function () { return setVisible(false); }, placement: "bottom-end", visible: visible }, placementProps), function () { return (React.createElement(bitkit_1.DropdownMenu, { width: dropdownWidth, withArrow: true }, items.map(function (_a) {
+        !buttonProps.disabled && (React.createElement(bitkit_1.Placement, __assign({ disableMargin: "left-right", 
+            // onClose={ () => setVisible(false) }
+            placement: "bottom-end", visible: visible }, placementProps), function () { return (React.createElement(bitkit_1.DropdownMenu, { width: dropdownWidth, withArrow: true }, items.map(function (_a) {
             var component = _a.component, disabled = _a.disabled, href = _a.href, icon = _a.icon, onClick = _a.onClick, target = _a.target, text = _a.text;
             return (React.createElement(bitkit_1.DropdownMenuItem, { Component: component || 'div', disabled: disabled, href: href, icon: icon, key: text, onClick: onClick, target: target }, text));
         }))); }))));

package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithDropdown.js","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAW6B;AAkB7B,IAAM,kBAAkB,GAAG,UAAC,EAMpB;QALN,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,cAAc,oBAAA;IAER,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5C,OAAO,QAAA,EAAE,UAAU,QAAyB,CAAC;IAEpD,OAAO,CACL,oBAAC,yBAAgB;QACf,oBAAC,2BAAkB,QACf,UAAC,EAAO;gBAAL,GAAG,SAAA;YAAO,OAAA,CACb,oBAAC,eAAM,aAAC,QAAQ,EAAG,GAAG,EAAG,OAAO,EAAG,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,IAAQ,WAAW;gBACxE,QAAQ;gBACV,oBAAC,aAAI,IAAC,IAAI,EAAC,aAAa,GAAG,CACpB,CACV;QALc,CAKd,CACkB;QACnB,CAAC,WAAW,CAAC,QAAQ,IAAI,CACzB,oBAAC,kBAAS,aACN,aAAa,EAAC,YAAY,EAC1B,OAAO,EAAG,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACjC,SAAS,EAAC,YAAY,EACtB,OAAO,EAAG,OAAO,IACZ,cAAc,GACnB,cAAM,OAAA,CACN,oBAAC,qBAAY,IAAC,KAAK,EAAG,aAAa,EAAG,SAAS,UAC3C,KAAK,CAAC,GAAG,CAAC,UAAC,EAA0D;gBAAxD,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;YAAO,OAAA,CAC1E,oBAAC,yBAAgB,IACb,SAAS,EAAG,SAAS,IAAI,KAAK,EAC9B,QAAQ,EAAG,QAAQ,EACnB,IAAI,EAAG,IAAI,EACX,IAAI,EAAG,IAAI,EACX,GAAG,EAAG,IAAI,EACV,OAAO,EAAG,OAAO,EACjB,MAAM,EAAG,MAAM,IACf,IAAI,CACW,CACpB;QAX2E,CAW3E,CAAC,CACW,CAChB,EAfO,CAeP,CACS,CACb,CACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ButtonWithDropdown.js","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAU6B;AAmB7B,IAAM,kBAAkB,GAAG,UAAC,EAMpB;QALN,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,cAAc,oBAAA;IAER,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5C,OAAO,QAAA,EAAE,UAAU,QAAyB,CAAC;IAEpD,OAAO,CACL,oBAAC,yBAAgB;QACf,oBAAC,2BAAkB,QACf,UAAC,EAAO;gBAAL,GAAG,SAAA;YAAO,OAAA;YACb,gBAAgB;YAChB,oBAAC,gBAAO,aAAC,OAAO,EAAG,cAAM,OAAA,UAAU,CAAC,CAAC,OAAO,CAAC,EAApB,CAAoB,EAAG,GAAG,EAAG,GAAG,EAAG,SAAS,EAAG,oBAAC,aAAI,IAAC,IAAI,EAAC,aAAa,GAAG,IAAQ,WAAW,GAClH,QAAQ,CACF,CACX;QALc,CAKd,CACkB;QACnB,CAAC,WAAW,CAAC,QAAQ,IAAI,CACzB,oBAAC,kBAAS,aACN,aAAa,EAAC,YAAY;YAC1B,sCAAsC;YACtC,SAAS,EAAC,YAAY,EACtB,OAAO,EAAG,OAAO,IACZ,cAAc,GACnB,cAAM,OAAA,CACN,oBAAC,qBAAY,IAAC,KAAK,EAAG,aAAa,EAAG,SAAS,UAC3C,KAAK,CAAC,GAAG,CAAC,UAAC,EAA0D;gBAAxD,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;YAAO,OAAA,CAC1E,oBAAC,yBAAgB,IACb,SAAS,EAAG,SAAS,IAAI,KAAK,EAC9B,QAAQ,EAAG,QAAQ,EACnB,IAAI,EAAG,IAAI,EACX,IAAI,EAAG,IAAI,EACX,GAAG,EAAG,IAAI,EACV,OAAO,EAAG,OAAO,EACjB,MAAM,EAAG,MAAM,IACf,IAAI,CACW,CACpB;QAX2E,CAW3E,CAAC,CACW,CAChB,EAfO,CAeP,CACS,CACb,CACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}