@bodynarf/react.components 1.7.1 → 1.7.3

package/{dist/components → components}/accordion/component/index.d.ts

@@ -1,4 +1,7 @@
-import { AccordionProps } from '../../../components/accordion';
-/** Accordion panel */
-declare const Accordion: ({ children, caption, style, size, defaultExpanded, onToggle, className, data, title, }: AccordionProps) => JSX.Element;
-export default Accordion;
+/// <reference types="react" />
+import "./style.scss";
+import { AccordionProps } from "@bbr/components/accordion";
+/** Accordion panel */
+declare const Accordion: ({ children, caption, style, size, defaultExpanded, onToggle, className, data, title, }: AccordionProps) => JSX.Element;
+export default Accordion;
+//# sourceMappingURL=index.d.ts.map

package/components/accordion/component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/component/index.tsx"],"names":[],"mappings":";AAIA,OAAO,cAAc,CAAC;AAOtB,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,sBAAsB;AACtB,QAAA,MAAM,SAAS,2FAKZ,cAAc,KAAG,WA8DnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/accordion/component/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import "./style.scss";
+import { ElementSize } from "@bbr/components";
+import Icon from "@bbr/components/icon";
+import { mapDataAttributes } from "@bbr/utils";
+/** Accordion panel */
+const Accordion = ({ children, caption, style, size, defaultExpanded, onToggle, className, data, title, }) => {
+    const expandablePanelRef = useRef(null);
+    const [isExpanded, setIsExpanded] = useState(defaultExpanded ?? false);
+    const [maxHeight, setMaxHeight] = useState(defaultExpanded === true ? undefined : 0);
+    const toggleCollapse = useCallback(() => setMaxHeight(isExpanded ? 0 : expandablePanelRef.current.scrollHeight), [isExpanded]);
+    useEffect(() => {
+        if (defaultExpanded === true && !isNullOrUndefined(expandablePanelRef.current)) {
+            setMaxHeight(expandablePanelRef.current.scrollHeight);
+        }
+    }, [defaultExpanded]);
+    useEffect(() => setIsExpanded(maxHeight !== 0), [maxHeight]);
+    useEffect(() => {
+        onToggle?.call(undefined, !isExpanded);
+    }, [isExpanded, onToggle]);
+    const elClassName = getClassName([
+        "bbr-accordion",
+        "message",
+        isNullOrUndefined(style) ? "" : `is-${style}`,
+        isNullOrUndefined(size) ? "" : `is-${size}`,
+        className,
+    ]);
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsxs("article", { className: elClassName, "aria-expanded": isExpanded, ...dataAttributes, children: [_jsxs("div", { className: "message-header is-unselectable", onClick: toggleCollapse, children: [_jsx("span", { title: title, children: caption }), _jsx(Icon, { name: "arrow-down", size: size ?? ElementSize.Medium })] }), _jsx("div", { className: "message-body", ref: expandablePanelRef, style: { maxHeight: `${maxHeight}px` }, children: _jsx("div", { className: "message-body__content", children: children }) })] }));
+};
+export default Accordion;

package/components/accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./component";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/{dist/components/anchor/index.d.ts → components/accordion/index.js}

@@ -1,2 +1,2 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";

package/{dist/components → components}/accordion/types.d.ts

@@ -1,16 +1,18 @@
-import { BaseElementProps, ElementColor, ElementSize } from '../../components';
-/** Accordion panel props type */
-export interface AccordionProps extends BaseElementProps {
-    /** Content that should be collapsed inside */
-    children: React.ReactNode;
-    /** Collapsible panel caption */
-    caption: string;
-    /** Default expanded state */
-    defaultExpanded?: boolean;
-    /** Panel size */
-    size?: ElementSize;
-    /** Color */
-    style?: ElementColor;
-    /** Extra handler for toggling visibility. Doesn't affect component logic */
-    onToggle?: (collapsed: boolean) => void;
-}
+/// <reference types="react" />
+import { BaseElementProps, ElementColor, ElementSize } from "@bbr/components";
+/** Accordion panel props type */
+export interface AccordionProps extends BaseElementProps {
+    /** Content that should be collapsed inside */
+    children: React.ReactNode;
+    /** Collapsible panel caption */
+    caption: string;
+    /** Default expanded state */
+    defaultExpanded?: boolean;
+    /** Panel size */
+    size?: ElementSize;
+    /** Color */
+    style?: ElementColor;
+    /** Extra handler for toggling visibility. Doesn't affect component logic */
+    onToggle?: (collapsed: boolean) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/accordion/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9E,iCAAiC;AACjC,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACpD,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAEhB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,iBAAiB;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,YAAY;IACZ,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C"}

package/components/accordion/types.js

@@ -0,0 +1 @@
+export {};

package/components/anchor/component/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./style.scss";
+import { AnchorProps } from "@bbr/components";
+/** Anchor component */
+export default function Anchor(props: AnchorProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/anchor/component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/anchor/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAe,MAAM,iBAAiB,CAAC;AAK3D,uBAAuB;AACvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6B9D"}

package/components/anchor/component/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined, isNullOrEmpty, getClassName } from "@bodynarf/utils";
+import "./style.scss";
+import { SimpleAnchor } from "@bbr/components/anchor/components/simpleAnchor";
+import { AnchorWithIcon } from "@bbr/components/anchor/components/anchorWithIcon";
+/** Anchor component */
+export default function Anchor(props) {
+    if (isNullOrUndefined(props.caption) && isNullOrUndefined(props.icon)) {
+        throw new Error("No anchor content provided");
+    }
+    const className = getClassName([
+        "bbr-anchor",
+        !isNullOrEmpty(props.className) ? ` ${props.className}` : "",
+        props.disableHovering === true ? " bbr-anchor--unhoverable" : ""
+    ]);
+    if (isNullOrUndefined(props.icon)) {
+        return (_jsx(SimpleAnchor, { ...props, className: className, onClick: props.onClick }));
+    }
+    return (_jsx(AnchorWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon }));
+}

package/{dist/components → components}/anchor/components/anchorWithIcon/index.d.ts

@@ -1,3 +1,5 @@
-import { AnchorWithIconProps } from '../../../../components/anchor';
-/** Anchor with icon component */
-export declare const AnchorWithIcon: ({ href, className, onClick, caption, title, target, icon }: AnchorWithIconProps) => JSX.Element;
+/// <reference types="react" />
+import { AnchorWithIconProps } from "@bbr/components/anchor";
+/** Anchor with icon component */
+export declare const AnchorWithIcon: ({ href, className, onClick, caption, title, target, icon }: AnchorWithIconProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/anchor/components/anchorWithIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/anchor/components/anchorWithIcon/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,iCAAiC;AACjC,eAAO,MAAM,cAAc,+DAAgE,mBAAmB,KAAG,WAqChH,CAAC"}

package/components/anchor/components/anchorWithIcon/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isNullOrEmpty } from "@bodynarf/utils";
+import Icon from "@bbr/components/icon";
+/** Anchor with icon component */
+export const AnchorWithIcon = ({ href, className, onClick, caption, title, target, icon }) => {
+    const iconPosition = icon.position || "left";
+    const iconClassName = isNullOrEmpty(caption)
+        ? icon.className
+        : iconPosition === "left"
+            ? `${icon.className} bbr-icon--left`
+            : `${icon.className} bbr-icon--right`;
+    if (iconPosition === "left") {
+        return (_jsxs("a", { href: href, className: className, title: title, target: target, onClick: onClick, children: [_jsx(Icon, { ...icon, className: iconClassName }), caption] }));
+    }
+    return (_jsxs("a", { href: href, className: className, title: title, target: target, onClick: onClick, children: [caption, _jsx(Icon, { ...icon, className: iconClassName })] }));
+};

package/{dist/components → components}/anchor/components/simpleAnchor/index.d.ts

@@ -1,3 +1,5 @@
-import { SimpleAnchorProps } from '../../../../components/anchor';
-/** Simple anchor component, without icon */
-export declare const SimpleAnchor: ({ href, className, onClick, caption, title, target }: SimpleAnchorProps) => JSX.Element;
+/// <reference types="react" />
+import { SimpleAnchorProps } from "@bbr/components/anchor";
+/** Simple anchor component, without icon */
+export declare const SimpleAnchor: ({ href, className, onClick, caption, title, target }: SimpleAnchorProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/anchor/components/simpleAnchor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/anchor/components/simpleAnchor/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,4CAA4C;AAC5C,eAAO,MAAM,YAAY,yDAA0D,iBAAiB,KAAG,WAYtG,CAAC"}

package/components/anchor/components/simpleAnchor/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Simple anchor component, without icon */
+export const SimpleAnchor = ({ href, className, onClick, caption, title, target }) => {
+    return (_jsx("a", { className: className, href: href, title: title, target: target, onClick: onClick, children: caption }));
+};

package/components/anchor/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./component";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/components/anchor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/{dist/components/button/index.d.ts → components/anchor/index.js}

@@ -1,2 +1,2 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";

package/{dist/components → components}/anchor/types.d.ts

@@ -1,38 +1,39 @@
-import { ElementIcon } from '../../components';
-/** Anchor component props type */
-export interface AnchorProps {
-    /** Link destination */
-    href?: string;
-    /** Link caption  */
-    caption?: string;
-    /** Click handler */
-    onClick?: () => void;
-    /** Configuration od inner icon */
-    icon?: ElementIcon;
-    /** Title of anchor */
-    title?: string;
-    /** Where to open the linked document */
-    target?: "_blank" | "_top";
-    /** Additional class names */
-    className?: string;
-    /** Should css hovering effects be disabled */
-    disableHovering?: boolean;
-}
-export interface SimpleAnchorProps {
-    /** Link destination */
-    href?: string;
-    /** Class names */
-    className: string;
-    /** Click handler */
-    onClick?: () => void;
-    /** Link caption  */
-    caption?: string;
-    /** Title of anchor */
-    title?: string;
-    /** Where to open the linked document */
-    target?: "_blank" | "_top";
-}
-export interface AnchorWithIconProps extends SimpleAnchorProps {
-    /** Configuration of icon */
-    icon: ElementIcon;
-}
+import { ElementIcon } from "@bbr/components";
+/** Anchor component props type */
+export interface AnchorProps {
+    /** Link destination */
+    href?: string;
+    /** Link caption  */
+    caption?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Configuration od inner icon */
+    icon?: ElementIcon;
+    /** Title of anchor */
+    title?: string;
+    /** Where to open the linked document */
+    target?: "_blank" | "_top";
+    /** Additional class names */
+    className?: string;
+    /** Should css hovering effects be disabled */
+    disableHovering?: boolean;
+}
+export interface SimpleAnchorProps {
+    /** Link destination */
+    href?: string;
+    /** Class names */
+    className: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Link caption  */
+    caption?: string;
+    /** Title of anchor */
+    title?: string;
+    /** Where to open the linked document */
+    target?: "_blank" | "_top";
+}
+export interface AnchorWithIconProps extends SimpleAnchorProps {
+    /** Configuration of icon */
+    icon: ElementIcon;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/anchor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,kCAAkC;AAClC,MAAM,WAAW,WAAW;IACxB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAC9B,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kBAAkB;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,4BAA4B;IAC5B,IAAI,EAAE,WAAW,CAAC;CACrB"}

package/components/anchor/types.js

@@ -0,0 +1 @@
+export {};

package/{dist/components → components}/button/component/index.d.ts

@@ -1,6 +1,9 @@
-import { ButtonProps } from '../../../components';
-/**
- * Button component
- * @throws Caption is not defined and icon configuration is not defined at the same time
- */
-export default function Button(props: ButtonProps): JSX.Element;
+/// <reference types="react" />
+import "./style.scss";
+import { ButtonProps } from "@bbr/components";
+/**
+ * Button component
+ * @throws Caption is not defined and icon configuration is not defined at the same time
+ */
+export default function Button(props: ButtonProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/button/component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAe,MAAM,iBAAiB,CAAC;AAO3D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA0C9D"}

package/components/button/component/index.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrEmpty, isNullOrUndefined, getClassName } from "@bodynarf/utils";
+import "./style.scss";
+import { mapDataAttributes } from "@bbr/utils";
+import { ButtonWithIcon } from "@bbr/components/button/components/buttonWithIcon";
+import { SimpleButton } from "@bbr/components/button/components/simpleButton";
+/**
+ * Button component
+ * @throws Caption is not defined and icon configuration is not defined at the same time
+ */
+export default function Button(props) {
+    if (isNullOrEmpty(props.caption) && isNullOrUndefined(props.icon)) {
+        throw new Error("No button content provided.");
+    }
+    const className = getClassName([
+        "button",
+        "bbr-button",
+        props.className,
+        `is-${props.type}`,
+        props.light === true ? "is-light" : "",
+        !isNullOrUndefined(props.size) ? `is-${props.size}` : "",
+        props.outlined === true ? "is-outlined" : "",
+        props.rounded === true ? "is-rounded" : "",
+        props.isLoading === true ? "is-loading" : "",
+        props.static === true ? "is-static" : "",
+    ]);
+    const data = isNullOrUndefined(props.data)
+        ? undefined
+        : mapDataAttributes(props.data);
+    if (!isNullOrUndefined(props.icon)) {
+        return (_jsx(ButtonWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon, data: data }));
+    }
+    else {
+        return (_jsx(SimpleButton, { ...props, className: className, onClick: props.onClick, data: data }));
+    }
+}

package/{dist/components → components}/button/components/buttonWithIcon/index.d.ts

@@ -1,3 +1,5 @@
-import { ButtonWithIconProps } from '../../../../components/button';
-/** Button with icon component */
-export declare const ButtonWithIcon: ({ className, disabled, onClick, caption, title, icon, data, }: ButtonWithIconProps) => JSX.Element;
+/// <reference types="react" />
+import { ButtonWithIconProps } from "@bbr/components/button";
+/** Button with icon component */
+export declare const ButtonWithIcon: ({ className, disabled, onClick, caption, title, icon, data, }: ButtonWithIconProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/button/components/buttonWithIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/buttonWithIcon/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,iCAAiC;AACjC,eAAO,MAAM,cAAc,kEAKxB,mBAAmB,KAAG,WAwCxB,CAAC"}

package/components/button/components/buttonWithIcon/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isNullOrEmpty } from "@bodynarf/utils";
+import Icon from "@bbr/components/icon";
+/** Button with icon component */
+export const ButtonWithIcon = ({ className, disabled, onClick, caption, title, icon, data, }) => {
+    const iconPosition = icon.position || "left";
+    const iconClassName = isNullOrEmpty(caption)
+        ? icon.className
+        : iconPosition === "left"
+            ? `${icon.className} bbr-icon--left`
+            : `${icon.className} bbr-icon--right`;
+    className = isNullOrEmpty(caption)
+        ? `${className} bbr-button--icon-only`
+        : className;
+    if (iconPosition === "left") {
+        return (_jsxs("button", { className: className, disabled: disabled, onClick: onClick, title: title, ...data, children: [_jsx(Icon, { ...icon, className: iconClassName }), caption] }));
+    }
+    return (_jsxs("button", { className: className, disabled: disabled, onClick: onClick, title: title, ...data, children: [caption, _jsx(Icon, { ...icon, className: iconClassName })] }));
+};

package/{dist/components → components}/button/components/simpleButton/index.d.ts

@@ -1,3 +1,5 @@
-import { SimpleButtonProps } from '../../../../components/button';
-/** Simple button component, without icon */
-export declare const SimpleButton: ({ className, disabled, onClick, caption, title, data }: SimpleButtonProps) => JSX.Element;
+/// <reference types="react" />
+import { SimpleButtonProps } from "@bbr/components/button";
+/** Simple button component, without icon */
+export declare const SimpleButton: ({ className, disabled, onClick, caption, title, data }: SimpleButtonProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/button/components/simpleButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/simpleButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,4CAA4C;AAC5C,eAAO,MAAM,YAAY,2DAKtB,iBAAiB,KAAG,WAYtB,CAAC"}

package/components/button/components/simpleButton/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Simple button component, without icon */
+export const SimpleButton = ({ className, disabled, onClick, caption, title, data }) => {
+    return (_jsx("button", { className: className, disabled: disabled, onClick: onClick, title: title, ...data, children: caption }));
+};

package/components/button/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./component";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/{dist/components/dropdown/index.d.ts → components/button/index.js}

@@ -1,2 +1,2 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";

package/{dist/components → components}/button/types.d.ts

@@ -1,36 +1,37 @@
-import { BaseElementProps, ElementIcon, ElementSize } from '../../components';
-export interface ButtonProps extends BaseElementProps {
-    /** Button displaying text */
-    caption?: string;
-    /** Type of button (color)  */
-    type: ButtonType;
-    /** Configuration of inner icon */
-    icon?: ElementIcon;
-    /** Button size  */
-    size?: ElementSize;
-    /** Is button uses light version of color  */
-    light?: boolean;
-    /** Is button outlined */
-    outlined?: boolean;
-    /** Should button corners be rounded  */
-    rounded?: boolean;
-    /** Display loading icon */
-    isLoading?: boolean;
-    /** Is button disabled */
-    disabled?: boolean;
-    /** Is non-interactive button */
-    static?: boolean;
-    /** Click action handler */
-    onClick?: () => void;
-}
-/** Button types according to Bulma framework */
-export type ButtonType = "default" /** color: transparent */ | "primary" /** color: sea-wave green */ | "link" /** color: blue-violet */ | "info" /** color: sky-blue */ | "success" /** color: green */ | "warning" /** color: yellow */ | "danger" /** color: red */ | "white" /** color: white */ | "light" /** color: light-gray */ | "dark" /** color: dark-gray */ | "black" /** color: black */ | "text" /** Underline text with color: gray */ | "ghost" /** Blue underline text with color: transparent */;
-/** Simple button props type */
-export interface SimpleButtonProps extends Omit<ButtonProps, 'className'> {
-    /** Button class name*/
-    className: string;
-}
-export interface ButtonWithIconProps extends SimpleButtonProps {
-    /** Icon configuration */
-    icon: ElementIcon;
-}
+import { BaseElementProps, ElementIcon, ElementSize } from "@bbr/components";
+export interface ButtonProps extends BaseElementProps {
+    /** Button displaying text */
+    caption?: string;
+    /** Type of button (color)  */
+    type: ButtonType;
+    /** Configuration of inner icon */
+    icon?: ElementIcon;
+    /** Button size  */
+    size?: ElementSize;
+    /** Is button uses light version of color  */
+    light?: boolean;
+    /** Is button outlined */
+    outlined?: boolean;
+    /** Should button corners be rounded  */
+    rounded?: boolean;
+    /** Display loading icon */
+    isLoading?: boolean;
+    /** Is button disabled */
+    disabled?: boolean;
+    /** Is non-interactive button */
+    static?: boolean;
+    /** Click action handler */
+    onClick?: () => void;
+}
+/** Button types according to Bulma framework */
+export declare type ButtonType = "default" /** color: transparent */ | "primary" /** color: sea-wave green */ | "link" /** color: blue-violet */ | "info" /** color: sky-blue */ | "success" /** color: green */ | "warning" /** color: yellow */ | "danger" /** color: red */ | "white" /** color: white */ | "light" /** color: light-gray */ | "dark" /** color: dark-gray */ | "black" /** color: black */ | "text" /** Underline text with color: gray */ | "ghost" /** Blue underline text with color: transparent */;
+/** Simple button props type */
+export interface SimpleButtonProps extends Omit<ButtonProps, 'className'> {
+    /** Button class name*/
+    className: string;
+}
+export interface ButtonWithIconProps extends SimpleButtonProps {
+    /** Icon configuration */
+    icon: ElementIcon;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACjD,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8BAA8B;IAC9B,IAAI,EAAE,UAAU,CAAC;IAEjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,gDAAgD;AAChD,oBAAY,UAAU,GAClB,SAAS,CAAC,yBAAyB,GACjC,SAAS,CAAC,4BAA4B,GACtC,MAAM,CAAC,yBAAyB,GAChC,MAAM,CAAC,sBAAsB,GAC7B,SAAS,CAAC,mBAAmB,GAC7B,SAAS,CAAC,oBAAoB,GAC9B,QAAQ,CAAC,iBAAiB,GAC1B,OAAO,CAAC,mBAAmB,GAC3B,OAAO,CAAC,wBAAwB,GAChC,MAAM,CAAC,uBAAuB,GAC9B,OAAO,CAAC,mBAAmB,GAC3B,MAAM,CAAC,sCAAsC,GAC7C,OAAO,CAAC,kDAAkD,CAC3D;AAEL,+BAA+B;AAC/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACrE,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,yBAAyB;IACzB,IAAI,EAAE,WAAW,CAAC;CACrB"}

package/components/button/types.js

@@ -0,0 +1,4 @@
+;
+;
+;
+export {};

package/components/dropdown/component/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./style.scss";
+import { DropdownProps } from "@bbr/components/dropdown";
+/** Dropdown component */
+declare const Dropdown: (props: DropdownProps) => JSX.Element;
+export default Dropdown;
+//# sourceMappingURL=index.d.ts.map

package/components/dropdown/component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAKtB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,yBAAyB;AACzB,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAMxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/components/dropdown/component/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import "./style.scss";
+import DropdownWithLabel from "@bbr/components/dropdown/components/withLabel";
+import DropdownCompact from "@bbr/components/dropdown/components/compact";
+/** Dropdown component */
+const Dropdown = (props) => {
+    if (!isNullOrUndefined(props.label)) {
+        return _jsx(DropdownWithLabel, { ...props });
+    }
+    else {
+        return _jsx(DropdownCompact, { ...props });
+    }
+};
+export default Dropdown;

package/{dist/components → components}/dropdown/components/compact/index.d.ts

@@ -1,3 +1,5 @@
-import { DropdownProps } from '../../../../components/dropdown';
-declare const DropdownCompact: ({ items, value, onSelect, deselectable, className, hideOnOuterClick, listMaxHeight, placeholder, compact, disabled, }: DropdownProps) => JSX.Element;
-export default DropdownCompact;
+/// <reference types="react" />
+import { DropdownProps } from "@bbr/components/dropdown";
+declare const DropdownCompact: ({ items, value, onSelect, deselectable, className, hideOnOuterClick, listMaxHeight, placeholder, compact, disabled, }: DropdownProps) => JSX.Element;
+export default DropdownCompact;
+//# sourceMappingURL=index.d.ts.map

package/components/dropdown/components/compact/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/compact/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIzD,QAAA,MAAM,eAAe,0HAMlB,aAAa,KAAG,WAsGlB,CAAC;AAEF,eAAe,eAAe,CAAC"}