@aristobyte-ui/button 2.5.1 → 2.6.0

package/es/src/main/components/Button/index.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { type IconPropsType } from '@aristobyte-ui/utils';
-import './Button.scss';
-export interface IButton {
-    type?: 'button' | 'link';
-    text?: string;
-    children?: React.ReactElement | React.JSX.Element | React.ReactNode | string;
-    href?: string;
-    target?: '_self' | '_blank' | '_parent' | '_top';
-    onClick?: (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void | Promise<void>;
-    disabled?: boolean;
-    transparent?: boolean;
-    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'warning';
-    appearance?: 'solid' | 'outline' | 'outline-dashed' | 'no-outline' | 'glowing';
-    size?: 'xsm' | 'sm' | 'md' | 'lg' | 'xlg';
-    radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
-    icon?: {
-        component: (props: IconPropsType) => React.JSX.Element;
-        color?: string;
-        size?: number;
-        align?: 'left' | 'right';
-    };
-    isLoading?: boolean;
-    spinnerType?: 'default' | 'duo' | 'gradient' | 'pulse' | 'pulse-duo';
-    className?: string;
-    style?: React.CSSProperties;
-}
-export declare const Button: React.FC<IButton>;
-//# sourceMappingURL=index.d.ts.map

package/es/src/main/components/Button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/button/src/main/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,aAAa,EAAgB,MAAM,sBAAsB,CAAC;AAExE,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAChF,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAAC;IAC/E,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;QACvD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KAC1B,CAAC;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAwEpC,CAAC"}

package/es/src/main/components/Button/index.js

@@ -1,49 +0,0 @@
-'use client';
-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);
-};
-import * as React from 'react';
-import { Spinner } from '@aristobyte-ui/spinner';
-import { renderRipple } from '@aristobyte-ui/utils';
-import './Button.scss';
-export var Button = function (_a) {
-    var onClick = _a.onClick, _b = _a.text, text = _b === void 0 ? '' : _b, _c = _a.href, href = _c === void 0 ? '' : _c, _d = _a.target, target = _d === void 0 ? '_self' : _d, _e = _a.children, children = _e === void 0 ? '' : _e, _f = _a.type, type = _f === void 0 ? 'button' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, _h = _a.appearance, appearance = _h === void 0 ? 'solid' : _h, _j = _a.size, size = _j === void 0 ? 'md' : _j, _k = _a.radius, radius = _k === void 0 ? 'md' : _k, icon = _a.icon, _l = _a.spinnerType, spinnerType = _l === void 0 ? 'default' : _l, _m = _a.transparent, transparent = _m === void 0 ? false : _m, _o = _a.isLoading, isLoading = _o === void 0 ? false : _o, _p = _a.disabled, disabled = _p === void 0 ? false : _p, _q = _a.className, className = _q === void 0 ? '' : _q, _r = _a.style, style = _r === void 0 ? {} : _r;
-    var uniqueId = React.useId();
-    var ref = React.useRef(null);
-    var handleClick = function (e) {
-        var clientX = e.clientX, clientY = e.clientY;
-        renderRipple({
-            ref: ref,
-            clientX: clientX,
-            clientY: clientY,
-        });
-        if (onClick) {
-            onClick(e);
-        }
-    };
-    var getCommonProps = function () { return ({
-        onClick: handleClick,
-        disabled: disabled || isLoading,
-        style: style,
-        className: "button ".concat(transparent ? 'button--transparent' : '', " ").concat("button-variant--".concat(variant), " ").concat("button-appearance--".concat(appearance), " ").concat("button-size--".concat(size), " ").concat("button-radius--".concat(radius), " ").concat(isLoading ? 'button--loading' : '', " ").concat(className),
-    }); };
-    var renderChildren = function () {
-        var _a;
-        return (React.createElement(React.Fragment, null,
-            isLoading && React.createElement(Spinner, { size: size, variant: variant, type: spinnerType, className: "spinner" }),
-            icon && (React.createElement("span", { className: "icon ".concat("icon--".concat((_a = icon.align) !== null && _a !== void 0 ? _a : 'left')) }, icon.component({ color: icon.color, size: icon.size }))),
-            text || children));
-    };
-    if (type === 'link') {
-        return (React.createElement("a", __assign({ key: uniqueId, ref: ref, target: target, href: href }, getCommonProps()), renderChildren()));
-    }
-    return (React.createElement("button", __assign({ key: uniqueId, ref: ref }, getCommonProps()), renderChildren()));
-};

package/es/src/main/components/ButtonGroup/ButtonGroup.scss

@@ -1,66 +0,0 @@
-@use '@aristobyte-ui/utils/styles' as *;
-
-.button-group {
-  align-items: center;
-  display: flex;
-  overflow: hidden;
-  max-width: max-content;
-
-  &-align {
-    &--horizontal {
-      flex-direction: row;
-    }
-
-    &--vertical {
-      flex-direction: column;
-    }
-  }
-
-  &-variant {
-    &--default {
-      background-color: $color-default;
-    }
-
-    &--primary {
-      background-color: $color-primary;
-    }
-
-    &--secondary {
-      background-color: $color-secondary;
-    }
-
-    &--success {
-      background-color: $color-success;
-    }
-
-    &--error {
-      background-color: $color-error;
-    }
-
-    &--warning {
-      background-color: $color-warning;
-    }
-  }
-
-  &-radius {
-    &--none {
-      border-radius: 0rem; // 0px
-    }
-
-    &--sm {
-      border-radius: 0.125rem; // 2px
-    }
-
-    &--md {
-      border-radius: 0.375rem; // 6px
-    }
-
-    &--lg {
-      border-radius: 0.5rem; // 8px
-    }
-
-    &--full {
-      border-radius: 1.5rem; // 24px
-    }
-  }
-}

package/es/src/main/components/ButtonGroup/index.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { type IButton, Button } from '../Button';
-import './ButtonGroup.scss';
-export interface IButtonGroup {
-    children: React.ReactElement<IButton, typeof Button> | React.ReactElement<IButton, typeof Button>[];
-    align?: 'vertical' | 'horizontal';
-    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'warning';
-    size?: 'xsm' | 'sm' | 'md' | 'lg' | 'xlg';
-    radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
-    disabled?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export declare const ButtonGroup: React.FC<IButtonGroup>;
-//# sourceMappingURL=index.d.ts.map

package/es/src/main/components/ButtonGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/button/src/main/components/ButtonGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,MAAM,CAAC,EAAE,CAAC;IACpG,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAChF,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+B9C,CAAC"}

package/es/src/main/components/ButtonGroup/index.js

@@ -1,20 +0,0 @@
-'use client';
-import * as React from 'react';
-import { Button } from '../Button';
-import './ButtonGroup.scss';
-export var ButtonGroup = function (_a) {
-    var children = _a.children, _b = _a.align, align = _b === void 0 ? 'horizontal' : _b, _c = _a.variant, variant = _c === void 0 ? 'default' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.radius, radius = _e === void 0 ? 'md' : _e, disabled = _a.disabled, _f = _a.className, className = _f === void 0 ? '' : _f, _g = _a.style, style = _g === void 0 ? {} : _g;
-    return (React.createElement("div", { className: "button-group ".concat("button-group-variant--".concat(variant), " ").concat("button-group-size--".concat(size), " ").concat("button-group-radius--".concat(radius), " ").concat("button-group-align--".concat(align), " ").concat(className), style: style }, React.Children.toArray(children)
-        .filter(function (child) {
-        return React.isValidElement(child) && child.type === Button;
-    })
-        .map(function (child, index) {
-        return React.cloneElement(child, {
-            key: index || child.key,
-            size: size || child.props.size,
-            disabled: disabled || child.props.disabled,
-            variant: variant || child.props.variant,
-            radius: 'none',
-        });
-    })));
-};

package/es/src/main/components/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Button";
-export * from "./ButtonGroup";
-//# sourceMappingURL=index.d.ts.map

package/es/src/main/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/button/src/main/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/es/src/main/components/index.js

@@ -1,2 +0,0 @@
-export * from "./Button";
-export * from "./ButtonGroup";

package/es/src/main/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components';
-//# sourceMappingURL=index.d.ts.map

package/es/src/main/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/button/src/main/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/es/src/main/index.js

@@ -1 +0,0 @@
-export * from './components';