@toptal/picasso-button 4.0.24-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10 → 4.0.24-alpha-1757603192867.0
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.
- package/package.json +21 -21
- package/src/Button/Button.tsx +31 -24
- package/src/ButtonAction/ButtonAction.tsx +6 -1
- package/src/ButtonBase/ButtonBase.tsx +18 -13
- package/src/ButtonCircular/ButtonCircular.tsx +6 -1
- package/src/ButtonControlLabel/ButtonControlLabel.tsx +4 -0
- package/src/ButtonSplit/ButtonSplit.tsx +8 -4
- package/LICENSE +0 -20
- package/dist-package/src/Button/Button.d.ts +0 -39
- package/dist-package/src/Button/Button.d.ts.map +0 -1
- package/dist-package/src/Button/Button.js +0 -69
- package/dist-package/src/Button/Button.js.map +0 -1
- package/dist-package/src/Button/index.d.ts +0 -6
- package/dist-package/src/Button/index.d.ts.map +0 -1
- package/dist-package/src/Button/index.js +0 -4
- package/dist-package/src/Button/index.js.map +0 -1
- package/dist-package/src/Button/styles.d.ts +0 -21
- package/dist-package/src/Button/styles.d.ts.map +0 -1
- package/dist-package/src/Button/styles.js +0 -169
- package/dist-package/src/Button/styles.js.map +0 -1
- package/dist-package/src/ButtonAction/ButtonAction.d.ts +0 -28
- package/dist-package/src/ButtonAction/ButtonAction.d.ts.map +0 -1
- package/dist-package/src/ButtonAction/ButtonAction.js +0 -49
- package/dist-package/src/ButtonAction/ButtonAction.js.map +0 -1
- package/dist-package/src/ButtonAction/index.d.ts +0 -4
- package/dist-package/src/ButtonAction/index.d.ts.map +0 -1
- package/dist-package/src/ButtonAction/index.js +0 -2
- package/dist-package/src/ButtonAction/index.js.map +0 -1
- package/dist-package/src/ButtonAction/styles.d.ts +0 -12
- package/dist-package/src/ButtonAction/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonAction/styles.js +0 -37
- package/dist-package/src/ButtonAction/styles.js.map +0 -1
- package/dist-package/src/ButtonBase/ButtonBase.d.ts +0 -29
- package/dist-package/src/ButtonBase/ButtonBase.d.ts.map +0 -1
- package/dist-package/src/ButtonBase/ButtonBase.js +0 -60
- package/dist-package/src/ButtonBase/ButtonBase.js.map +0 -1
- package/dist-package/src/ButtonBase/index.d.ts +0 -5
- package/dist-package/src/ButtonBase/index.d.ts.map +0 -1
- package/dist-package/src/ButtonBase/index.js +0 -2
- package/dist-package/src/ButtonBase/index.js.map +0 -1
- package/dist-package/src/ButtonBase/styles.d.ts +0 -6
- package/dist-package/src/ButtonBase/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonBase/styles.js +0 -29
- package/dist-package/src/ButtonBase/styles.js.map +0 -1
- package/dist-package/src/ButtonCheckbox/ButtonCheckbox.d.ts +0 -10
- package/dist-package/src/ButtonCheckbox/ButtonCheckbox.d.ts.map +0 -1
- package/dist-package/src/ButtonCheckbox/ButtonCheckbox.js +0 -20
- package/dist-package/src/ButtonCheckbox/ButtonCheckbox.js.map +0 -1
- package/dist-package/src/ButtonCheckbox/index.d.ts +0 -4
- package/dist-package/src/ButtonCheckbox/index.d.ts.map +0 -1
- package/dist-package/src/ButtonCheckbox/index.js +0 -2
- package/dist-package/src/ButtonCheckbox/index.js.map +0 -1
- package/dist-package/src/ButtonCircular/ButtonCircular.d.ts +0 -30
- package/dist-package/src/ButtonCircular/ButtonCircular.d.ts.map +0 -1
- package/dist-package/src/ButtonCircular/ButtonCircular.js +0 -32
- package/dist-package/src/ButtonCircular/ButtonCircular.js.map +0 -1
- package/dist-package/src/ButtonCircular/index.d.ts +0 -5
- package/dist-package/src/ButtonCircular/index.d.ts.map +0 -1
- package/dist-package/src/ButtonCircular/index.js +0 -2
- package/dist-package/src/ButtonCircular/index.js.map +0 -1
- package/dist-package/src/ButtonCircular/styles.d.ts +0 -17
- package/dist-package/src/ButtonCircular/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonCircular/styles.js +0 -93
- package/dist-package/src/ButtonCircular/styles.js.map +0 -1
- package/dist-package/src/ButtonCompound/index.d.ts +0 -12
- package/dist-package/src/ButtonCompound/index.d.ts.map +0 -1
- package/dist-package/src/ButtonCompound/index.js +0 -16
- package/dist-package/src/ButtonCompound/index.js.map +0 -1
- package/dist-package/src/ButtonControlLabel/ButtonControlLabel.d.ts +0 -30
- package/dist-package/src/ButtonControlLabel/ButtonControlLabel.d.ts.map +0 -1
- package/dist-package/src/ButtonControlLabel/ButtonControlLabel.js +0 -25
- package/dist-package/src/ButtonControlLabel/ButtonControlLabel.js.map +0 -1
- package/dist-package/src/ButtonControlLabel/index.d.ts +0 -4
- package/dist-package/src/ButtonControlLabel/index.d.ts.map +0 -1
- package/dist-package/src/ButtonControlLabel/index.js +0 -2
- package/dist-package/src/ButtonControlLabel/index.js.map +0 -1
- package/dist-package/src/ButtonControlLabel/styles.d.ts +0 -3
- package/dist-package/src/ButtonControlLabel/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonControlLabel/styles.js +0 -17
- package/dist-package/src/ButtonControlLabel/styles.js.map +0 -1
- package/dist-package/src/ButtonGroup/ButtonGroup.d.ts +0 -13
- package/dist-package/src/ButtonGroup/ButtonGroup.d.ts.map +0 -1
- package/dist-package/src/ButtonGroup/ButtonGroup.js +0 -23
- package/dist-package/src/ButtonGroup/ButtonGroup.js.map +0 -1
- package/dist-package/src/ButtonGroup/index.d.ts +0 -5
- package/dist-package/src/ButtonGroup/index.d.ts.map +0 -1
- package/dist-package/src/ButtonGroup/index.js +0 -2
- package/dist-package/src/ButtonGroup/index.js.map +0 -1
- package/dist-package/src/ButtonGroup/styles.d.ts +0 -2
- package/dist-package/src/ButtonGroup/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonGroup/styles.js +0 -24
- package/dist-package/src/ButtonGroup/styles.js.map +0 -1
- package/dist-package/src/ButtonGroupItem/ButtonGroupItem.d.ts +0 -7
- package/dist-package/src/ButtonGroupItem/ButtonGroupItem.d.ts.map +0 -1
- package/dist-package/src/ButtonGroupItem/ButtonGroupItem.js +0 -22
- package/dist-package/src/ButtonGroupItem/ButtonGroupItem.js.map +0 -1
- package/dist-package/src/ButtonGroupItem/index.d.ts +0 -2
- package/dist-package/src/ButtonGroupItem/index.d.ts.map +0 -1
- package/dist-package/src/ButtonGroupItem/index.js +0 -2
- package/dist-package/src/ButtonGroupItem/index.js.map +0 -1
- package/dist-package/src/ButtonGroupItem/styles.d.ts +0 -14
- package/dist-package/src/ButtonGroupItem/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonGroupItem/styles.js +0 -40
- package/dist-package/src/ButtonGroupItem/styles.js.map +0 -1
- package/dist-package/src/ButtonRadio/ButtonRadio.d.ts +0 -10
- package/dist-package/src/ButtonRadio/ButtonRadio.d.ts.map +0 -1
- package/dist-package/src/ButtonRadio/ButtonRadio.js +0 -20
- package/dist-package/src/ButtonRadio/ButtonRadio.js.map +0 -1
- package/dist-package/src/ButtonRadio/index.d.ts +0 -4
- package/dist-package/src/ButtonRadio/index.d.ts.map +0 -1
- package/dist-package/src/ButtonRadio/index.js +0 -2
- package/dist-package/src/ButtonRadio/index.js.map +0 -1
- package/dist-package/src/ButtonSplit/ButtonSplit.d.ts +0 -27
- package/dist-package/src/ButtonSplit/ButtonSplit.d.ts.map +0 -1
- package/dist-package/src/ButtonSplit/ButtonSplit.js +0 -66
- package/dist-package/src/ButtonSplit/ButtonSplit.js.map +0 -1
- package/dist-package/src/ButtonSplit/index.d.ts +0 -5
- package/dist-package/src/ButtonSplit/index.d.ts.map +0 -1
- package/dist-package/src/ButtonSplit/index.js +0 -2
- package/dist-package/src/ButtonSplit/index.js.map +0 -1
- package/dist-package/src/ButtonSplit/styles.d.ts +0 -10
- package/dist-package/src/ButtonSplit/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonSplit/styles.js +0 -14
- package/dist-package/src/ButtonSplit/styles.js.map +0 -1
- package/dist-package/src/index.d.ts +0 -11
- package/dist-package/src/index.d.ts.map +0 -1
- package/dist-package/src/index.js +0 -11
- package/dist-package/src/index.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonCircular/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const ButtonCompound: import("packages/shared/dist-package/src").OverridableComponent<import("../Button").Props> & {
|
|
3
|
-
Group: import("react").ForwardRefExoticComponent<import("../ButtonGroup/ButtonGroup").Props & import("react").RefAttributes<HTMLDivElement>> & {
|
|
4
|
-
Item: ({ active, disabled, focused, hovered, className, ...rest }: import("../ButtonGroupItem/ButtonGroupItem").Props) => JSX.Element;
|
|
5
|
-
};
|
|
6
|
-
Circular: import("packages/shared/dist-package/src").OverridableComponent<import("../ButtonCircular/ButtonCircular").Props>;
|
|
7
|
-
Action: import("packages/shared/dist-package/src").OverridableComponent<import("../ButtonAction/ButtonAction").Props>;
|
|
8
|
-
Split: import("react").ForwardRefExoticComponent<import("../ButtonSplit/ButtonSplit").Props & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
-
Checkbox: ({ testIds, ...props }: import("../ButtonCheckbox/ButtonCheckbox").Props) => JSX.Element;
|
|
10
|
-
Radio: ({ testIds, ...rest }: import("../ButtonRadio/ButtonRadio").Props) => JSX.Element;
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonCompound/index.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,cAAc;;;;;;;;;CAOzB,CAAA"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Button } from '../Button';
|
|
2
|
-
import { ButtonGroup } from '../ButtonGroup';
|
|
3
|
-
import { ButtonCircular } from '../ButtonCircular';
|
|
4
|
-
import { ButtonAction } from '../ButtonAction';
|
|
5
|
-
import { ButtonSplit } from '../ButtonSplit';
|
|
6
|
-
import { ButtonCheckbox } from '../ButtonCheckbox';
|
|
7
|
-
import { ButtonRadio } from '../ButtonRadio';
|
|
8
|
-
export const ButtonCompound = Object.assign(Button, {
|
|
9
|
-
Group: ButtonGroup,
|
|
10
|
-
Circular: ButtonCircular,
|
|
11
|
-
Action: ButtonAction,
|
|
12
|
-
Split: ButtonSplit,
|
|
13
|
-
Checkbox: ButtonCheckbox,
|
|
14
|
-
Radio: ButtonRadio,
|
|
15
|
-
});
|
|
16
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;IAClD,KAAK,EAAE,WAAW;IAClB,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,WAAW;IAClB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,WAAW;CACnB,CAAC,CAAA"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import type { ReactElement, ReactNode } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type { BaseProps, SizeType } from '@toptal/picasso-shared';
|
|
4
|
-
export interface Props extends BaseProps {
|
|
5
|
-
/** Show the control initially as checked */
|
|
6
|
-
checked?: boolean;
|
|
7
|
-
/** Show button in the active state (left mouse button down) */
|
|
8
|
-
active?: boolean;
|
|
9
|
-
/** Disables button */
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/** Set focused style for the button */
|
|
12
|
-
focused?: boolean;
|
|
13
|
-
/** Set hovered style for the button */
|
|
14
|
-
hovered?: boolean;
|
|
15
|
-
/** A button can have different sizes */
|
|
16
|
-
size?: SizeType<'small' | 'medium' | 'large'>;
|
|
17
|
-
/** HTML Value of Button component */
|
|
18
|
-
value?: string;
|
|
19
|
-
/** Callback invoked when value is changed */
|
|
20
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
|
|
21
|
-
/** Button text */
|
|
22
|
-
children: ReactNode;
|
|
23
|
-
/** The id of the input element */
|
|
24
|
-
id?: string;
|
|
25
|
-
/** A control element. For instance, it can be be a Radio or a Checkbox */
|
|
26
|
-
control: ReactElement;
|
|
27
|
-
}
|
|
28
|
-
declare const ButtonControlLabel: ({ children, size, className, checked, onChange, id, control, value, disabled, ...props }: Props) => JSX.Element;
|
|
29
|
-
export default ButtonControlLabel;
|
|
30
|
-
//# sourceMappingURL=ButtonControlLabel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonControlLabel.d.ts","sourceRoot":"","sources":["../../../src/ButtonControlLabel/ButtonControlLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAOjE,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wCAAwC;IACxC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;IAC7C,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC1C,OAAO,EAAE,OAAO,KACb,IAAI,CAAA;IACT,kBAAkB;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,0EAA0E;IAC1E,OAAO,EAAE,YAAY,CAAA;CACtB;AAED,QAAA,MAAM,kBAAkB,6FAWrB,KAAK,gBAsBP,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React from 'react';
|
|
13
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
|
-
import { Container } from '@toptal/picasso-container';
|
|
15
|
-
import { Button } from '../Button';
|
|
16
|
-
import { createSizeClassNames, createContentSizeClassNames } from './styles';
|
|
17
|
-
const ButtonControlLabel = (_a) => {
|
|
18
|
-
var { children, size = 'medium', className, checked, onChange, id, control, value, disabled } = _a, props = __rest(_a, ["children", "size", "className", "checked", "onChange", "id", "control", "value", "disabled"]);
|
|
19
|
-
const contentLeftSpacing = size === 'large' ? 1 : 0.5;
|
|
20
|
-
return (React.createElement(Button, Object.assign({}, props, { className: twMerge('text-center', createSizeClassNames(size), className), variant: 'secondary', size: size, as: 'label', htmlFor: id, disabled: disabled }),
|
|
21
|
-
React.cloneElement(control, { id, checked, value, onChange, disabled }),
|
|
22
|
-
React.createElement(Container, { className: createContentSizeClassNames(size), left: contentLeftSpacing }, children)));
|
|
23
|
-
};
|
|
24
|
-
export default ButtonControlLabel;
|
|
25
|
-
//# sourceMappingURL=ButtonControlLabel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonControlLabel.js","sourceRoot":"","sources":["../../../src/ButtonControlLabel/ButtonControlLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAA;AA8B5E,MAAM,kBAAkB,GAAG,CAAC,EAWpB,EAAE,EAAE;QAXgB,EAC1B,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,OAAO,EACP,QAAQ,EACR,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,OAEF,EADH,KAAK,cAVkB,8FAW3B,CADS;IAER,MAAM,kBAAkB,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAErD,OAAO,CACL,oBAAC,MAAM,oBACD,KAAK,IACT,SAAS,EAAE,OAAO,CAAC,aAAa,EAAE,oBAAoB,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EACxE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ;QAEjB,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;QACxE,oBAAC,SAAS,IACR,SAAS,EAAE,2BAA2B,CAAC,IAAI,CAAC,EAC5C,IAAI,EAAE,kBAAkB,IAEvB,QAAQ,CACC,CACL,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonControlLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,oBAAY,uBAAuB,GAAG,KAAK,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonControlLabel/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonControlLabel/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,SACzB,OAAO,GAAG,QAAQ,GAAG,OAAO,KACjC,MAWF,CAAA;AAED,eAAO,MAAM,2BAA2B,SAChC,OAAO,GAAG,QAAQ,GAAG,OAAO,KACjC,MAWF,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export const createSizeClassNames = (size) => {
|
|
2
|
-
const sizeClassNames = {
|
|
3
|
-
small: 'py-1 pr-4 pl-2',
|
|
4
|
-
medium: 'py-2 pr-6 pl-4',
|
|
5
|
-
large: 'py-4 pr-8 pl-4',
|
|
6
|
-
};
|
|
7
|
-
return sizeClassNames[size];
|
|
8
|
-
};
|
|
9
|
-
export const createContentSizeClassNames = (size) => {
|
|
10
|
-
const sizeClassNames = {
|
|
11
|
-
small: 'min-w-12',
|
|
12
|
-
medium: 'min-w-16',
|
|
13
|
-
large: 'min-w-[5.25rem]',
|
|
14
|
-
};
|
|
15
|
-
return sizeClassNames[size];
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonControlLabel/styles.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,IAAkC,EAC1B,EAAE;IACV,MAAM,cAAc,GAGhB;QACF,KAAK,EAAE,gBAAgB;QACvB,MAAM,EAAE,gBAAgB;QACxB,KAAK,EAAE,gBAAgB;KACxB,CAAA;IAED,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;AAC7B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,IAAkC,EAC1B,EAAE;IACV,MAAM,cAAc,GAGhB;QACF,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,iBAAiB;KACzB,CAAA;IAED,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;AAC7B,CAAC,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type { BaseProps } from '@toptal/picasso-shared';
|
|
4
|
-
export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
/** List of `Button` components which you want to render as `ButtonGroup` */
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
}
|
|
8
|
-
export declare const ButtonGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
-
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & {
|
|
10
|
-
Item: ({ active, disabled, focused, hovered, className, ...rest }: import("../ButtonGroupItem/ButtonGroupItem").Props) => JSX.Element;
|
|
11
|
-
};
|
|
12
|
-
export default _default;
|
|
13
|
-
//# sourceMappingURL=ButtonGroup.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,4EAA4E;IAC5E,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,8EAkBvB,CAAA;;;;AAID,wBAAoE"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { forwardRef } from 'react';
|
|
13
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
|
-
import { ButtonGroupItem } from '../ButtonGroupItem';
|
|
15
|
-
import { createRootClassNames } from './styles';
|
|
16
|
-
export const ButtonGroup = forwardRef(function ButtonGroup(props, ref) {
|
|
17
|
-
const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
|
|
18
|
-
const finalClassName = twMerge(createRootClassNames(), className);
|
|
19
|
-
return (React.createElement("div", Object.assign({}, rest, { ref: ref, "data-component-type": 'button', className: finalClassName, style: style }), children));
|
|
20
|
-
});
|
|
21
|
-
ButtonGroup.displayName = 'ButtonGroup';
|
|
22
|
-
export default Object.assign(ButtonGroup, { Item: ButtonGroupItem });
|
|
23
|
-
//# sourceMappingURL=ButtonGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAO/C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IAC7B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,cAAc,GAAG,OAAO,CAAC,oBAAoB,EAAE,EAAE,SAAS,CAAC,CAAA;IAEjE,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,yBACY,QAAQ,EAC5B,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,KAEX,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { OmitInternalProps } from '@toptal/picasso-shared';
|
|
2
|
-
import type { Props } from './ButtonGroup';
|
|
3
|
-
export { default as ButtonGroup } from './ButtonGroup';
|
|
4
|
-
export declare type ButtonGroupProps = OmitInternalProps<Props>;
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,oBAAY,gBAAgB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonGroup/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroup/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,gBA8BhC,CAAA"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
export const createRootClassNames = () => {
|
|
2
|
-
const classNames = [
|
|
3
|
-
'flex',
|
|
4
|
-
'justify-start',
|
|
5
|
-
'items-start',
|
|
6
|
-
'[[data-component-type="button"]+&]:ml-4',
|
|
7
|
-
'[&>[data-component-type="button"]:hover]:z-[1]',
|
|
8
|
-
'[&>[data-component-type="button"]:first-child:not(:last-child)]:rounded-r-none',
|
|
9
|
-
'[&>[data-component-type="button"]:first-child:not(:last-child)]:ml-0',
|
|
10
|
-
'[&>[data-component-type="button"]:not(:first-child):not(:last-child)]:rounded-none',
|
|
11
|
-
'[&>[data-component-type="button"]:not(:first-child):not(:last-child)]:ml-[-1px]',
|
|
12
|
-
'[&>[data-component-type="button"]:last-child:not(:first-child)]:rounded-l-none',
|
|
13
|
-
'[&>[data-component-type="button"]:last-child:not(:first-child)]:ml-[-1px]',
|
|
14
|
-
// nested buttons
|
|
15
|
-
'[&_:first-child:not(:last-child)_[data-component-type="button"]]:rounded-r-none',
|
|
16
|
-
'[&_:first-child:not(:last-child)_[data-component-type="button"]]:ml-0',
|
|
17
|
-
'[&_:not(:first-child):not(:last-child)_[data-component-type="button"]]:rounded-none',
|
|
18
|
-
'[&_:not(:first-child):not(:last-child)_[data-component-type="button"]]:ml-[-1px]',
|
|
19
|
-
'[&_:last-child:not(:first-child)_[data-component-type="button"]]:rounded-l-none',
|
|
20
|
-
'[&_:last-child:not(:first-child)_[data-component-type="button"]]:ml-[-1px]',
|
|
21
|
-
];
|
|
22
|
-
return classNames;
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonGroup/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,UAAU,GAAa;QAC3B,MAAM;QACN,eAAe;QACf,aAAa;QACb,yCAAyC;QAEzC,gDAAgD;QAEhD,gFAAgF;QAChF,sEAAsE;QAEtE,oFAAoF;QACpF,iFAAiF;QAEjF,gFAAgF;QAChF,2EAA2E;QAE3E,iBAAiB;QACjB,iFAAiF;QACjF,uEAAuE;QAEvE,qFAAqF;QACrF,kFAAkF;QAElF,iFAAiF;QACjF,4EAA4E;KAC7E,CAAA;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ButtonProps } from '../Button';
|
|
3
|
-
export interface Props extends ButtonProps {
|
|
4
|
-
}
|
|
5
|
-
declare const ButtonGroupItem: ({ active, disabled, focused, hovered, className, ...rest }: Props) => JSX.Element;
|
|
6
|
-
export default ButtonGroupItem;
|
|
7
|
-
//# sourceMappingURL=ButtonGroupItem.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroupItem.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroupItem/ButtonGroupItem.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAO5C,MAAM,WAAW,KAAM,SAAQ,WAAW;CAAG;AAE7C,QAAA,MAAM,eAAe,+DAOlB,KAAK,gBAkBP,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React from 'react';
|
|
13
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
|
-
import { Button } from '../Button';
|
|
15
|
-
import { createButtonGroupItemClassNames, createGroupVariantClassNames, } from './styles';
|
|
16
|
-
const ButtonGroupItem = (_a) => {
|
|
17
|
-
var { active, disabled, focused, hovered, className } = _a, rest = __rest(_a, ["active", "disabled", "focused", "hovered", "className"]);
|
|
18
|
-
const finalClassName = twMerge(createButtonGroupItemClassNames({ active, disabled, focused, hovered }), createGroupVariantClassNames({ active, disabled, hovered }), className);
|
|
19
|
-
return (React.createElement(Button, Object.assign({}, rest, { active: active, disabled: disabled, focused: focused, hovered: hovered, className: finalClassName, variant: 'secondary' })));
|
|
20
|
-
};
|
|
21
|
-
export default ButtonGroupItem;
|
|
22
|
-
//# sourceMappingURL=ButtonGroupItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroupItem.js","sourceRoot":"","sources":["../../../src/ButtonGroupItem/ButtonGroupItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EACL,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,UAAU,CAAA;AAIjB,MAAM,eAAe,GAAG,CAAC,EAOjB,EAAE,EAAE;QAPa,EACvB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,OAEH,EADH,IAAI,cANgB,yDAOxB,CADQ;IAEP,MAAM,cAAc,GAAG,OAAO,CAC5B,+BAA+B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EACvE,4BAA4B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAC3D,SAAS,CACV,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,oBACD,IAAI,IACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAC,WAAW,IACnB,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroupItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonGroupItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export declare const createButtonGroupItemClassNames: ({ disabled, focused, hovered, active, }: {
|
|
2
|
-
disabled?: boolean | undefined;
|
|
3
|
-
focused?: boolean | undefined;
|
|
4
|
-
hovered?: boolean | undefined;
|
|
5
|
-
active?: boolean | undefined;
|
|
6
|
-
loading?: boolean | undefined;
|
|
7
|
-
}) => string[];
|
|
8
|
-
export declare const createGroupVariantClassNames: ({ disabled, hovered, active, }: {
|
|
9
|
-
disabled?: boolean | undefined;
|
|
10
|
-
hovered?: boolean | undefined;
|
|
11
|
-
active?: boolean | undefined;
|
|
12
|
-
loading?: boolean | undefined;
|
|
13
|
-
}) => string[];
|
|
14
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroupItem/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,+BAA+B;;;;;;cAuB3C,CAAA;AAED,eAAO,MAAM,4BAA4B;;;;;MASrC,MAAM,EA6BT,CAAA"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
export const createButtonGroupItemClassNames = ({ disabled, focused, hovered, active, }) => {
|
|
2
|
-
const classNames = [
|
|
3
|
-
'border-solid',
|
|
4
|
-
'transition-[color,background]',
|
|
5
|
-
'active:z-[1] hover:z-[1] focus-visible:z-[1] disabled:z-[1]',
|
|
6
|
-
];
|
|
7
|
-
if (active || hovered || focused || disabled) {
|
|
8
|
-
classNames.push('z-[1]');
|
|
9
|
-
}
|
|
10
|
-
return classNames;
|
|
11
|
-
};
|
|
12
|
-
export const createGroupVariantClassNames = ({ disabled, hovered, active, }) => {
|
|
13
|
-
const classNames = ['visited:text-black', 'border-solid'];
|
|
14
|
-
if (disabled) {
|
|
15
|
-
classNames.push('cursor-not-allowed');
|
|
16
|
-
classNames.push('text-gray-500');
|
|
17
|
-
if (active) {
|
|
18
|
-
classNames.push('bg-graphite-700 border-graphite-700');
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
classNames.push('border-gray-500');
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
classNames.push('active:bg-graphite-700 active:border-graphite-700 active:text-white');
|
|
26
|
-
classNames.push('hover:border-black');
|
|
27
|
-
if (hovered) {
|
|
28
|
-
classNames.push('border-black text-black');
|
|
29
|
-
}
|
|
30
|
-
else if (active) {
|
|
31
|
-
classNames.push('bg-graphite-700 border-graphite-700 text-white');
|
|
32
|
-
classNames.push('shadow-none');
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
classNames.push('border-gray-400 text-black');
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
return classNames;
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonGroupItem/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,GAOP,EAAE,EAAE;IACH,MAAM,UAAU,GAAG;QACjB,cAAc;QACd,+BAA+B;QAC/B,6DAA6D;KAC9D,CAAA;IAED,IAAI,MAAM,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,EAAE;QAC5C,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KACzB;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,QAAQ,EACR,OAAO,EACP,MAAM,GAMP,EAAY,EAAE;IACb,MAAM,UAAU,GAAG,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAA;IAEzD,IAAI,QAAQ,EAAE;QACZ,UAAU,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;QACrC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QAEhC,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAA;SACvD;aAAM;YACL,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;SACnC;KACF;SAAM;QACL,UAAU,CAAC,IAAI,CACb,qEAAqE,CACtE,CAAA;QACD,UAAU,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;QAErC,IAAI,OAAO,EAAE;YACX,UAAU,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA;SAC3C;aAAM,IAAI,MAAM,EAAE;YACjB,UAAU,CAAC,IAAI,CAAC,gDAAgD,CAAC,CAAA;YACjE,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;SAC/B;aAAM;YACL,UAAU,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAA;SAC9C;KACF;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ButtonControlLabelProps } from '../ButtonControlLabel';
|
|
3
|
-
export interface Props extends Omit<ButtonControlLabelProps, 'control'> {
|
|
4
|
-
testIds?: {
|
|
5
|
-
radio?: string;
|
|
6
|
-
};
|
|
7
|
-
}
|
|
8
|
-
declare const ButtonRadio: ({ testIds, ...rest }: Props) => JSX.Element;
|
|
9
|
-
export default ButtonRadio;
|
|
10
|
-
//# sourceMappingURL=ButtonRadio.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonRadio.d.ts","sourceRoot":"","sources":["../../../src/ButtonRadio/ButtonRadio.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAGpE,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED,QAAA,MAAM,WAAW,yBAA0B,KAAK,gBAO/C,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React from 'react';
|
|
13
|
-
import { Radio } from '@toptal/picasso-radio';
|
|
14
|
-
import { ButtonControlLabel } from '../ButtonControlLabel';
|
|
15
|
-
const ButtonRadio = (_a) => {
|
|
16
|
-
var { testIds } = _a, rest = __rest(_a, ["testIds"]);
|
|
17
|
-
return (React.createElement(ButtonControlLabel, Object.assign({}, rest, { control: React.createElement(Radio, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.radio }) })));
|
|
18
|
-
};
|
|
19
|
-
export default ButtonRadio;
|
|
20
|
-
//# sourceMappingURL=ButtonRadio.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonRadio.js","sourceRoot":"","sources":["../../../src/ButtonRadio/ButtonRadio.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAQ1D,MAAM,WAAW,GAAG,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,OAAO,OAAkB,EAAb,IAAI,cAAlB,WAAoB,CAAF;IACrC,OAAO,CACL,oBAAC,kBAAkB,oBACb,IAAI,IACR,OAAO,EAAE,oBAAC,KAAK,mBAAc,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GAAI,IAC/C,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonRadio/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,oBAAY,gBAAgB,GAAG,KAAK,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonRadio/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type { BaseProps } from '@toptal/picasso-shared';
|
|
4
|
-
import type { ButtonProps } from '../Button';
|
|
5
|
-
export interface Props extends BaseProps, Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
|
|
6
|
-
/** Content of Button component */
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
/** Content element that opens when anchor is clicked */
|
|
9
|
-
menu: ReactNode;
|
|
10
|
-
/** Callback invoked when component is clicked */
|
|
11
|
-
onClick?: ButtonProps['onClick'];
|
|
12
|
-
/** A button can have different sizes */
|
|
13
|
-
size?: ButtonProps['size'];
|
|
14
|
-
/** The variant to use */
|
|
15
|
-
variant?: 'primary' | 'secondary';
|
|
16
|
-
/** Is component disaled or not */
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
menuButtonProps?: Omit<ButtonProps, 'children'>;
|
|
19
|
-
actionButtonProps?: Omit<ButtonProps, 'children'>;
|
|
20
|
-
testIds?: {
|
|
21
|
-
actionButton?: string;
|
|
22
|
-
menuButton?: string;
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
export declare const ButtonSplit: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
-
export default ButtonSplit;
|
|
27
|
-
//# sourceMappingURL=ButtonSplit.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSplit.d.ts","sourceRoot":"","sources":["../../../src/ButtonSplit/ButtonSplit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAc,cAAc,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAY,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAS5C,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACjD,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAA;IACnB,wDAAwD;IACxD,IAAI,EAAE,SAAS,CAAA;IACf,iDAAiD;IACjD,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC,wCAAwC;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,yBAAyB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,eAAe,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAA;IAC/C,iBAAiB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAA;IACjD,OAAO,CAAC,EAAE;QACR,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;CACF;AA0BD,eAAO,MAAM,WAAW,8EA6FvB,CAAA;AAID,eAAe,WAAW,CAAA"}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { forwardRef } from 'react';
|
|
13
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
|
-
import { ArrowDownMinor24, ArrowDownMinor16 } from '@toptal/picasso-icons';
|
|
15
|
-
import { Dropdown } from '@toptal/picasso-dropdown';
|
|
16
|
-
import { Button } from '../Button';
|
|
17
|
-
import { ButtonGroup } from '../ButtonGroup';
|
|
18
|
-
import { createButtonGroupItemClassNames } from '../ButtonGroupItem/styles';
|
|
19
|
-
import { createActionButtonClassNames, createMenuButtonClassNames, } from './styles';
|
|
20
|
-
const DropdownIcon = ({ size, className, }) => {
|
|
21
|
-
if (size === 'large') {
|
|
22
|
-
return React.createElement(ArrowDownMinor24, { className: className });
|
|
23
|
-
}
|
|
24
|
-
return React.createElement(ArrowDownMinor16, { className: className });
|
|
25
|
-
};
|
|
26
|
-
const EventStopPropagation = ({ children }) => {
|
|
27
|
-
const handleClick = (event) => {
|
|
28
|
-
event.stopPropagation();
|
|
29
|
-
};
|
|
30
|
-
return React.createElement("span", { onClick: handleClick }, children);
|
|
31
|
-
};
|
|
32
|
-
export const ButtonSplit = forwardRef(function ButtonSplit(_a, ref) {
|
|
33
|
-
var { size = 'medium', variant = 'primary' } = _a, props = __rest(_a, ["size", "variant"]);
|
|
34
|
-
const { menu, children, disabled, style, className, onClick, menuButtonProps, actionButtonProps, testIds = {} } = props, rest = __rest(props, ["menu", "children", "disabled", "style", "className", "onClick", "menuButtonProps", "actionButtonProps", "testIds"]);
|
|
35
|
-
const renderMenuButton = ({ isOpen }) => {
|
|
36
|
-
const menuButtonClassName = twMerge(createButtonGroupItemClassNames({
|
|
37
|
-
active: menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.active,
|
|
38
|
-
hovered: menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.hovered,
|
|
39
|
-
disabled: (menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.disabled) || disabled,
|
|
40
|
-
focused: menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.focused,
|
|
41
|
-
}), createMenuButtonClassNames({
|
|
42
|
-
variant,
|
|
43
|
-
size,
|
|
44
|
-
disabled: (menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.disabled) || disabled,
|
|
45
|
-
}), menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.className);
|
|
46
|
-
const iconClassName = isOpen ? 'rotate-180' : '';
|
|
47
|
-
const menuButton = (React.createElement(Button, Object.assign({}, menuButtonProps, { variant: variant, className: menuButtonClassName, size: size, disabled: disabled, "data-testid": testIds.menuButton }),
|
|
48
|
-
React.createElement(DropdownIcon, { className: iconClassName, size: size })));
|
|
49
|
-
return disabled ? (React.createElement(EventStopPropagation, null, menuButton)) : (menuButton);
|
|
50
|
-
};
|
|
51
|
-
const actionButtonClassName = twMerge(createButtonGroupItemClassNames({
|
|
52
|
-
active: actionButtonProps === null || actionButtonProps === void 0 ? void 0 : actionButtonProps.active,
|
|
53
|
-
hovered: actionButtonProps === null || actionButtonProps === void 0 ? void 0 : actionButtonProps.hovered,
|
|
54
|
-
disabled: (actionButtonProps === null || actionButtonProps === void 0 ? void 0 : actionButtonProps.disabled) || disabled,
|
|
55
|
-
focused: actionButtonProps === null || actionButtonProps === void 0 ? void 0 : actionButtonProps.focused,
|
|
56
|
-
}), createActionButtonClassNames({
|
|
57
|
-
variant,
|
|
58
|
-
}), actionButtonProps === null || actionButtonProps === void 0 ? void 0 : actionButtonProps.className);
|
|
59
|
-
const dropdownClassName = twMerge('inline-flex cursor-pointer', disabled && '[&>div]:cursor-auto');
|
|
60
|
-
return (React.createElement(ButtonGroup, Object.assign({}, rest, { ref: ref, style: style, className: className }),
|
|
61
|
-
React.createElement(Button, Object.assign({}, actionButtonProps, { className: actionButtonClassName, size: size, variant: variant, disabled: disabled, onClick: onClick, "data-testid": testIds.actionButton }), children),
|
|
62
|
-
React.createElement(Dropdown, { content: menu, className: dropdownClassName }, ({ isOpen }) => renderMenuButton({ isOpen }))));
|
|
63
|
-
});
|
|
64
|
-
ButtonSplit.displayName = 'ButtonSplit';
|
|
65
|
-
export default ButtonSplit;
|
|
66
|
-
//# sourceMappingURL=ButtonSplit.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSplit.js","sourceRoot":"","sources":["../../../src/ButtonSplit/ButtonSplit.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { OmitInternalProps } from '@toptal/picasso-shared';
|
|
2
|
-
import type { Props } from './ButtonSplit';
|
|
3
|
-
export { default as ButtonSplit } from './ButtonSplit';
|
|
4
|
-
export declare type ButtonSplitProps = OmitInternalProps<Props>;
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonSplit/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,oBAAY,gBAAgB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonSplit/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { SizeType } from '@toptal/picasso-shared';
|
|
2
|
-
export declare const createActionButtonClassNames: ({ variant, }: {
|
|
3
|
-
variant?: "primary" | "secondary" | undefined;
|
|
4
|
-
}) => string;
|
|
5
|
-
export declare const createMenuButtonClassNames: ({ variant, size, disabled, }: {
|
|
6
|
-
variant?: "primary" | "secondary" | undefined;
|
|
7
|
-
size: SizeType<'small' | 'medium' | 'large'>;
|
|
8
|
-
disabled?: boolean | undefined;
|
|
9
|
-
}) => string;
|
|
10
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonSplit/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAGtD,eAAO,MAAM,4BAA4B;;YAUxC,CAAA;AAWD,eAAO,MAAM,0BAA0B;;UAM/B,SAAS,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;;YAS7C,CAAA"}
|