@bitrise/bitkit 9.4.1-beta.2 → 9.4.2

package/site/components/Documentation/Components/SectionButtons.tsx

@@ -1,18 +1,5 @@
-/* eslint-disable object-shorthand */
 import * as React from 'react';
-import {
-  Base,
-  Button,
-  Buttons,
-  ColorButton,
-  Icon,
-  Tab,
-  Tabs,
-  Text,
-  Ribbon,
-  ButtonWithDropdown,
-  Flex,
-} from '@bitrise/bitkit';
+import { Base, Button, Buttons, ColorButton, Icon, Tab, Tabs, Text, Ribbon } from '@bitrise/bitkit';
 import CodeBlock from '../../CodeBlock/CodeBlock';
 import Section from '../../Section/Section';
 import SectionSubTitle from '../../Section/SectionSubTitle';
@@ -34,10 +21,6 @@ const SectionButtons = () => {
         <Tab active={selectedTab === 3} onClick={() => setSelectedTab(3)}>
           Color Button
         </Tab>
-
-        <Tab active={selectedTab === 4} onClick={() => setSelectedTab(4)}>
-          with dropdown
-        </Tab>
       </Tabs>
 
       {selectedTab === 1 && (
@@ -371,68 +354,6 @@ const SectionButtons = () => {
 );`}</CodeBlock>
         </>
       )}
-      {selectedTab === 4 && (
-        <Flex alignChildren="end" direction="horizontal">
-          <ButtonWithDropdown
-            items={[
-              {
-                key: '1',
-                component: 'button',
-                icon: 'Percent',
-                content: 'Refer your friends',
-              },
-              {
-                key: '2',
-                component: 'a',
-                icon: 'Settings',
-                content: 'Account setings',
-              },
-              {
-                key: '3',
-                icon: 'ChangePlan',
-                content: 'Change plan',
-              },
-              {
-                key: '4',
-                icon: 'Logout',
-                content: 'Log out',
-              },
-            ]}
-          >
-            <Icon name="Bitbot" />
-            <Text>Account</Text>
-          </ButtonWithDropdown>
-          <ButtonWithDropdown
-            items={[
-              {
-                key: '1',
-                component: 'button',
-                icon: 'Percent',
-                content: 'Refer your friends',
-              },
-              {
-                key: '2',
-                component: 'a',
-                icon: 'Settings',
-                content: 'Account setings',
-              },
-              {
-                key: '3',
-                icon: 'ChangePlan',
-                content: 'Change plan',
-              },
-              {
-                key: '4',
-                icon: 'Logout',
-                content: 'Log out',
-              },
-            ]}
-          >
-            <Icon name="Bitbot" />
-            <Text>Account</Text>
-          </ButtonWithDropdown>
-        </Flex>
-      )}
     </Section>
   );
 };

package/site/components/Documentation/Documentation.tsx

@@ -41,12 +41,7 @@ const SectionMap = {
   },
   Button: {
     Showcase: require('./Components/SectionButtons').default,
-    components: [
-      documentation.Button,
-      documentation.Buttons,
-      documentation.ColorButton,
-      documentation.ButtonWithDropdown,
-    ],
+    components: [documentation.Button, documentation.Buttons, documentation.ColorButton],
   },
   Card: {
     Showcase: require('./Components/SectionCards').default,

package/src/DatePicker/DatePickerDay.tsx

@@ -63,7 +63,7 @@ const DatePickerDay: React.FunctionComponent<Props> = (props: Props) => {
       onClick={isSelectable ? () => onSelect(date) : undefined}
     >
       <Flex alignChildren="middle" className="DatePicker__day-inner" direction="horizontal">
-        {isPreviousMonth && daysInPreviousMonth - (dayOfWeek - n)}
+        {isPreviousMonth && daysInPreviousMonth - (dayOfWeek - n - 1)}
         {isCurrentMonth && n - dayOfWeek + 1}
         {isNextMonth && n - dayOfWeek - daysInMonth + 1}
       </Flex>

package/src/index.ts

@@ -23,10 +23,6 @@ export { default as Base, Props as BaseProps, TypeColors, TypeSizes } from './Ba
 export { default as Bounds, Props as BoundsProps } from './Bounds/Bounds';
 export { default as Button, Props as ButtonProps } from './Button/Button';
 export { default as Buttons, Props as ButtonsProps } from './Button/Buttons';
-export {
-  default as ButtonWithDropdown,
-  Props as ButtonWithDropdownProps,
-} from './ButtonWithDropdown/ButtonWithDropdown';
 export { default as Card, Props as CardProps } from './Card/Card';
 export { default as CardButton, Props as CardButtonProps } from './Card/CardButton';
 export { default as CardContent, Props as CardContentProps } from './Card/CardContent';

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

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { ButtonProps, DropdownMenuItemProps, PlacementProps, BaseProps } from '@bitrise/bitkit';
-export interface ItemProps extends DropdownMenuItemProps {
-    key: string;
-    component?: string;
-    disabled?: boolean;
-    href?: string;
-    onClick?: (e?: any) => void;
-    target?: string;
-    content: React.ReactNode;
-    textColor?: BaseProps['textColor'];
-}
-export interface Props {
-    buttonProps?: ButtonProps;
-    children?: React.ReactElement | React.ReactNodeArray;
-    dropdownWidth?: string;
-    items: ItemProps[];
-    placementProps?: PlacementProps;
-}
-declare const ButtonWithDropdown: ({ buttonProps, children, dropdownWidth, items, placementProps }: Props) => JSX.Element;
-export default ButtonWithDropdown;
-//# sourceMappingURL=ButtonWithDropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonWithDropdown.d.ts","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,WAAW,EAGX,qBAAqB,EAIrB,cAAc,EAEd,SAAS,EACV,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,SAAU,SAAQ,qBAAqB;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,KAAK;IACpB,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;CACjC;AAED,QAAA,MAAM,kBAAkB,oEAAqE,KAAK,KAAG,WAyCpG,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.js

@@ -1,58 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var bitkit_1 = require("@bitrise/bitkit");
-var ButtonWithDropdown = function (_a) {
-    var buttonProps = _a.buttonProps, children = _a.children, dropdownWidth = _a.dropdownWidth, items = _a.items, placementProps = _a.placementProps;
-    var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
-    var onButtonClick = function () {
-        setVisible(!visible);
-    };
-    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 }, buttonProps, { onClick: onButtonClick }),
-                children,
-                React.createElement(bitkit_1.Icon, { name: "ChevronDown" })));
-        }),
-        !(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled) && (React.createElement(bitkit_1.Placement, __assign({ 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) {
-            var key = _a.key, component = _a.component, disabled = _a.disabled, href = _a.href, icon = _a.icon, onClick = _a.onClick, target = _a.target, content = _a.content, textColor = _a.textColor;
-            return (React.createElement(bitkit_1.DropdownMenuItem, { Component: component || 'button', disabled: disabled, href: href, icon: icon, onClick: onClick, key: key, target: target, textColor: textColor }, content));
-        }))); }))));
-};
-exports.default = ButtonWithDropdown;
-//# sourceMappingURL=ButtonWithDropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonWithDropdown.js","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAYyB;AAqBzB,IAAM,kBAAkB,GAAG,UAAC,EAAsE;QAApE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAA,EAAE,KAAK,WAAA,EAAE,cAAc,oBAAA;IACjF,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5C,OAAO,QAAA,EAAE,UAAU,QAAyB,CAAC;IAEpD,IAAM,aAAa,GAAG;QACpB,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,yBAAgB;QACf,oBAAC,2BAAkB,QAChB,UAAC,EAAO;gBAAL,GAAG,SAAA;YAAO,OAAA,CACZ,oBAAC,eAAM,aAAC,QAAQ,EAAE,GAAG,IAAM,WAAW,IAAE,OAAO,EAAE,aAAa;gBAC3D,QAAQ;gBACT,oBAAC,aAAI,IAAC,IAAI,EAAC,aAAa,GAAG,CACpB,CACV;QALa,CAKb,CACkB;QACpB,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAA,IAAI,CACzB,oBAAC,kBAAS,aAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,IAAM,cAAc,GACrG,cAAM,OAAA,CACL,oBAAC,qBAAY,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,UAC1C,KAAK,CAAC,GAAG,CAAC,UAAC,EAA6E;gBAA3E,GAAG,SAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA;YAAO,OAAA,CAC5F,oBAAC,yBAAgB,IACf,SAAS,EAAE,SAAS,IAAI,QAAQ,EAChC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,IAEnB,OAAO,CACS,CACpB;QAb6F,CAa7F,CAAC,CACW,CAChB,EAjBM,CAiBN,CACS,CACb,CACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/lib/esn/ButtonWithDropdown/ButtonWithDropdown.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { ButtonProps, DropdownMenuItemProps, PlacementProps, BaseProps } from '@bitrise/bitkit';
-export interface ItemProps extends DropdownMenuItemProps {
-    key: string;
-    component?: string;
-    disabled?: boolean;
-    href?: string;
-    onClick?: (e?: any) => void;
-    target?: string;
-    content: React.ReactNode;
-    textColor?: BaseProps['textColor'];
-}
-export interface Props {
-    buttonProps?: ButtonProps;
-    children?: React.ReactElement | React.ReactNodeArray;
-    dropdownWidth?: string;
-    items: ItemProps[];
-    placementProps?: PlacementProps;
-}
-declare const ButtonWithDropdown: ({ buttonProps, children, dropdownWidth, items, placementProps }: Props) => JSX.Element;
-export default ButtonWithDropdown;
-//# sourceMappingURL=ButtonWithDropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonWithDropdown.d.ts","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,WAAW,EAGX,qBAAqB,EAIrB,cAAc,EAEd,SAAS,EACV,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,SAAU,SAAQ,qBAAqB;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,KAAK;IACpB,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;CACjC;AAED,QAAA,MAAM,kBAAkB,oEAAqE,KAAK,KAAG,WAyCpG,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/esn/ButtonWithDropdown/ButtonWithDropdown.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { Button, DropdownMenu, DropdownMenuItem, Icon, Placement, PlacementManager, PlacementReference, } from '@bitrise/bitkit';
-const ButtonWithDropdown = ({ buttonProps, children, dropdownWidth, items, placementProps }) => {
-    const [visible, setVisible] = React.useState(false);
-    const onButtonClick = () => {
-        setVisible(!visible);
-    };
-    return (React.createElement(PlacementManager, null,
-        React.createElement(PlacementReference, null, ({ ref }) => (React.createElement(Button, { innerRef: ref, ...buttonProps, onClick: onButtonClick },
-            children,
-            React.createElement(Icon, { name: "ChevronDown" })))),
-        !buttonProps?.disabled && (React.createElement(Placement, { onClose: () => setVisible(false), placement: "bottom-end", visible: visible, ...placementProps }, () => (React.createElement(DropdownMenu, { width: dropdownWidth, withArrow: true }, items.map(({ key, component, disabled, href, icon, onClick, target, content, textColor }) => (React.createElement(DropdownMenuItem, { Component: component || 'button', disabled: disabled, href: href, icon: icon, onClick: onClick, key: key, target: target, textColor: textColor }, content)))))))));
-};
-export default ButtonWithDropdown;
-//# sourceMappingURL=ButtonWithDropdown.js.map

package/lib/esn/ButtonWithDropdown/ButtonWithDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonWithDropdown.js","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,MAAM,EAEN,YAAY,EACZ,gBAAgB,EAEhB,IAAI,EACJ,SAAS,EACT,gBAAgB,EAEhB,kBAAkB,GAEnB,MAAM,iBAAiB,CAAC;AAqBzB,MAAM,kBAAkB,GAAG,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAS,EAAe,EAAE;IACjH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAgB;QACf,oBAAC,kBAAkB,QAChB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACZ,oBAAC,MAAM,IAAC,QAAQ,EAAE,GAAG,KAAM,WAAW,EAAE,OAAO,EAAE,aAAa;YAC3D,QAAQ;YACT,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,CACpB,CACV,CACkB;QACpB,CAAC,WAAW,EAAE,QAAQ,IAAI,CACzB,oBAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,KAAM,cAAc,IACrG,GAAG,EAAE,CAAC,CACL,oBAAC,YAAY,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,UAC1C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5F,oBAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,IAAI,QAAQ,EAChC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,IAEnB,OAAO,CACS,CACpB,CAAC,CACW,CAChB,CACS,CACb,CACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/src/ButtonWithDropdown/ButtonWithDropdown.tsx

@@ -1,78 +0,0 @@
-import * as React from 'react';
-import {
-  Button,
-  ButtonProps,
-  DropdownMenu,
-  DropdownMenuItem,
-  DropdownMenuItemProps,
-  Icon,
-  Placement,
-  PlacementManager,
-  PlacementProps,
-  PlacementReference,
-  BaseProps,
-} from '@bitrise/bitkit';
-
-export interface ItemProps extends DropdownMenuItemProps {
-  key: string;
-  component?: string;
-  disabled?: boolean;
-  href?: string;
-  onClick?: (e?: any) => void;
-  target?: string;
-  content: React.ReactNode;
-  textColor?: BaseProps['textColor'];
-}
-
-export interface Props {
-  buttonProps?: ButtonProps;
-  children?: React.ReactElement | React.ReactNodeArray;
-  dropdownWidth?: string;
-  items: ItemProps[];
-  placementProps?: PlacementProps;
-}
-
-const ButtonWithDropdown = ({ buttonProps, children, dropdownWidth, items, placementProps }: Props): JSX.Element => {
-  const [visible, setVisible] = React.useState(false);
-
-  const onButtonClick = () => {
-    setVisible(!visible);
-  };
-
-  return (
-    <PlacementManager>
-      <PlacementReference>
-        {({ ref }) => (
-          <Button innerRef={ref} {...buttonProps} onClick={onButtonClick}>
-            {children}
-            <Icon name="ChevronDown" />
-          </Button>
-        )}
-      </PlacementReference>
-      {!buttonProps?.disabled && (
-        <Placement onClose={() => setVisible(false)} placement="bottom-end" visible={visible} {...placementProps}>
-          {() => (
-            <DropdownMenu width={dropdownWidth} withArrow>
-              {items.map(({ key, component, disabled, href, icon, onClick, target, content, textColor }) => (
-                <DropdownMenuItem
-                  Component={component || 'button'}
-                  disabled={disabled}
-                  href={href}
-                  icon={icon}
-                  onClick={onClick}
-                  key={key}
-                  target={target}
-                  textColor={textColor}
-                >
-                  {content}
-                </DropdownMenuItem>
-              ))}
-            </DropdownMenu>
-          )}
-        </Placement>
-      )}
-    </PlacementManager>
-  );
-};
-
-export default ButtonWithDropdown;