@rio-cloud/rio-uikit 1.13.2 → 2.0.0-beta.2

package/components/pager/Pager.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { ObjectValues } from '../../utils/ObjectValues';
+import { default as React } from 'react';
+import { ObjectValues } from '../../utils/ObjectValues';
 export declare const PagerVariant: {
     readonly VARIANT_FULL: "full";
     readonly VARIANT_COMPACT: "compact";

package/components/pager/Pager.js

@@ -1,31 +1,96 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import classNames from 'classnames';
-export const PagerVariant = {
-    VARIANT_FULL: 'full',
-    VARIANT_COMPACT: 'compact',
-};
-const Pager = (props) => {
-    const { title, label, alignRight = false, variant = PagerVariant.VARIANT_FULL, disabled = false, onClick, className, ...remainingProps } = props;
-    const [isHover, setIsHover] = useState(false);
-    const handleEnter = () => !disabled && setIsHover(true);
-    const handleLeave = () => setIsHover(false);
-    const isCompactVariant = variant === Pager.VARIANT_COMPACT;
-    const wrapperClassesBase = classNames('Pager', 'bg-white', 'border', 'display-flex justify-space-between align-items-center', isHover && 'border-color-highlight', alignRight && 'flex-row-reverse', disabled && 'pointer-events-none', 'cursor-pointer user-select-none');
-    const iconClassesBase = classNames('rioglyph', disabled ? 'text-color-light' : 'text-color-darker', isHover && 'text-color-highlight');
-    const titleClassesBase = classNames(disabled ? 'text-color-light' : 'text-color-darker', isHover && 'text-color-highlight');
-    // The compact version has a slightly different markup and different classes for the
-    // individual parts, hence we extend the base classes
-    if (isCompactVariant) {
-        const wrapperClassesCompact = classNames(wrapperClassesBase, 'rounded-circle', 'padding-y-5 padding-x-15', 'width-auto', className);
-        const iconClassesCompact = classNames(iconClassesBase, alignRight ? 'rioglyph-chevron-left margin-right-5' : 'rioglyph-chevron-right margin-left-5', 'text-size-10');
-        return (_jsxs("div", { ...remainingProps, className: wrapperClassesCompact, onMouseEnter: handleEnter, onMouseLeave: handleLeave, onClick: onClick, children: [_jsx("div", { className: `display-flex flex-1-1 flex-column ${alignRight ? 'align-items-end' : ''}`, children: _jsx("div", { className: titleClassesBase, children: title }) }), _jsx("span", { className: iconClassesCompact })] }));
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { useState as I } from "react";
+import e from "classnames";
+const i = {
+  VARIANT_FULL: "full",
+  VARIANT_COMPACT: "compact"
+}, o = (A) => {
+  const {
+    title: n,
+    label: C,
+    alignRight: t = !1,
+    variant: N = i.VARIANT_FULL,
+    disabled: l = !1,
+    onClick: c,
+    className: d,
+    ...g
+  } = A, [a, h] = I(!1), p = () => !l && h(!0), m = () => h(!1), v = N === o.VARIANT_COMPACT, x = e(
+    "Pager",
+    "bg-white",
+    "border",
+    "display-flex justify-space-between align-items-center",
+    a && "border-color-highlight",
+    t && "flex-row-reverse",
+    l && "pointer-events-none",
+    "cursor-pointer user-select-none"
+  ), f = e(
+    "rioglyph",
+    l ? "text-color-light" : "text-color-darker",
+    a && "text-color-highlight"
+  ), u = e(
+    l ? "text-color-light" : "text-color-darker",
+    a && "text-color-highlight"
+  );
+  if (v) {
+    const w = e(
+      x,
+      "rounded-circle",
+      "padding-y-5 padding-x-15",
+      "width-auto",
+      d
+    ), V = e(
+      f,
+      t ? "rioglyph-chevron-left margin-right-5" : "rioglyph-chevron-right margin-left-5",
+      "text-size-10"
+    );
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ...g,
+        className: w,
+        onMouseEnter: p,
+        onMouseLeave: m,
+        onClick: c,
+        children: [
+          /* @__PURE__ */ s("div", { className: `display-flex flex-1-1 flex-column ${t ? "align-items-end" : ""}`, children: /* @__PURE__ */ s("div", { className: u, children: n }) }),
+          /* @__PURE__ */ s("span", { className: V })
+        ]
+      }
+    );
+  }
+  const y = e(
+    x,
+    "rounded",
+    "padding-y-15 padding-x-20",
+    "width-100pct",
+    d
+  ), T = e(
+    f,
+    t ? "rioglyph-arrow-left margin-right-10" : "rioglyph-arrow-right margin-left-10",
+    "text-size-200pct"
+  ), L = e(u, t && "text-right", "text-size-16 text-medium");
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...g,
+      className: y,
+      onMouseEnter: p,
+      onMouseLeave: m,
+      onClick: c,
+      children: [
+        /* @__PURE__ */ r("div", { className: `display-flex flex-1-1 flex-column ${t ? "align-items-end" : ""}`, children: [
+          /* @__PURE__ */ s("div", { className: "text-color-gray line-height-16", children: C }),
+          /* @__PURE__ */ s("div", { className: L, children: n })
+        ] }),
+        /* @__PURE__ */ s("div", { className: "text-size-12 display-grid place-items-center", children: /* @__PURE__ */ s("span", { className: T }) })
+      ]
     }
-    const wrapperClassesFull = classNames(wrapperClassesBase, 'rounded', 'padding-y-15 padding-x-20', 'width-100pct', className);
-    const iconClassesFull = classNames(iconClassesBase, alignRight ? 'rioglyph-arrow-left margin-right-10' : 'rioglyph-arrow-right margin-left-10', 'text-size-200pct');
-    const titleClassesFull = classNames(titleClassesBase, alignRight && 'text-right', 'text-size-16 text-medium');
-    return (_jsxs("div", { ...remainingProps, className: wrapperClassesFull, onMouseEnter: handleEnter, onMouseLeave: handleLeave, onClick: onClick, children: [_jsxs("div", { className: `display-flex flex-1-1 flex-column ${alignRight ? 'align-items-end' : ''}`, children: [_jsx("div", { className: 'text-color-gray line-height-16', children: label }), _jsx("div", { className: titleClassesFull, children: title })] }), _jsx("div", { className: 'text-size-12 display-grid place-items-center', children: _jsx("span", { className: iconClassesFull }) })] }));
+  );
+};
+o.VARIANT_FULL = i.VARIANT_FULL;
+o.VARIANT_COMPACT = i.VARIANT_COMPACT;
+export {
+  i as PagerVariant,
+  o as default
 };
-Pager.VARIANT_FULL = PagerVariant.VARIANT_FULL;
-Pager.VARIANT_COMPACT = PagerVariant.VARIANT_COMPACT;
-export default Pager;
+//# sourceMappingURL=Pager.js.map

package/components/pager/Pager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pager.js","sources":["../../../src/components/pager/Pager.tsx"],"sourcesContent":["import type React from 'react';\nimport { useState } from 'react';\nimport classNames from 'classnames';\n\nimport type { ObjectValues } from '../../utils/ObjectValues';\n\nexport const PagerVariant = {\n    VARIANT_FULL: 'full',\n    VARIANT_COMPACT: 'compact',\n} as const;\n\nexport type PagerProps = {\n    /**\n     * The title or name of the section next/previous section.\n     */\n    title: string | React.ReactNode;\n\n    /**\n     * The optional label for the full variant.\n     */\n    label?: string | React.ReactNode;\n\n    /**\n     * Set right alignment for \"previous\" pager content to be aligned\n     * to the right side of the pager and the arrow on the left side.\n     * @default false\n     */\n    alignRight?: boolean;\n\n    /**\n     * Define how large the component should be rendered.\n     *\n     * Possible values are:\n     * `Pager.VARIANT_FULL`, `Pager.VARIANT_COMPACT` or\n     * `full`, `compact`.\n     *\n     * @default `full`\n     */\n    variant?: ObjectValues<typeof PagerVariant>;\n\n    /**\n     * Sets the pager disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback function for when the component is clicked.\n     * @param event\n     * @returns\n     */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n\n    /**\n     * Additional classes for the wrapper element.\n     */\n    className?: string;\n};\n\nconst Pager = (props: PagerProps) => {\n    const {\n        title,\n        label,\n        alignRight = false,\n        variant = PagerVariant.VARIANT_FULL,\n        disabled = false,\n        onClick,\n        className,\n        ...remainingProps\n    } = props;\n\n    const [isHover, setIsHover] = useState(false);\n\n    const handleEnter = () => !disabled && setIsHover(true);\n    const handleLeave = () => setIsHover(false);\n\n    const isCompactVariant = variant === Pager.VARIANT_COMPACT;\n\n    const wrapperClassesBase = classNames(\n        'Pager',\n        'bg-white',\n        'border',\n        'display-flex justify-space-between align-items-center',\n        isHover && 'border-color-highlight',\n        alignRight && 'flex-row-reverse',\n        disabled && 'pointer-events-none',\n        'cursor-pointer user-select-none'\n    );\n\n    const iconClassesBase = classNames(\n        'rioglyph',\n        disabled ? 'text-color-light' : 'text-color-darker',\n        isHover && 'text-color-highlight'\n    );\n\n    const titleClassesBase = classNames(\n        disabled ? 'text-color-light' : 'text-color-darker',\n        isHover && 'text-color-highlight'\n    );\n\n    // The compact version has a slightly different markup and different classes for the\n    // individual parts, hence we extend the base classes\n    if (isCompactVariant) {\n        const wrapperClassesCompact = classNames(\n            wrapperClassesBase,\n            'rounded-circle',\n            'padding-y-5 padding-x-15',\n            'width-auto',\n            className\n        );\n\n        const iconClassesCompact = classNames(\n            iconClassesBase,\n            alignRight ? 'rioglyph-chevron-left margin-right-5' : 'rioglyph-chevron-right margin-left-5',\n            'text-size-10'\n        );\n\n        return (\n            <div\n                {...remainingProps}\n                className={wrapperClassesCompact}\n                onMouseEnter={handleEnter}\n                onMouseLeave={handleLeave}\n                onClick={onClick}\n            >\n                <div className={`display-flex flex-1-1 flex-column ${alignRight ? 'align-items-end' : ''}`}>\n                    <div className={titleClassesBase}>{title}</div>\n                </div>\n                <span className={iconClassesCompact} />\n            </div>\n        );\n    }\n\n    const wrapperClassesFull = classNames(\n        wrapperClassesBase,\n        'rounded',\n        'padding-y-15 padding-x-20',\n        'width-100pct',\n        className\n    );\n\n    const iconClassesFull = classNames(\n        iconClassesBase,\n        alignRight ? 'rioglyph-arrow-left margin-right-10' : 'rioglyph-arrow-right margin-left-10',\n        'text-size-200pct'\n    );\n\n    const titleClassesFull = classNames(titleClassesBase, alignRight && 'text-right', 'text-size-16 text-medium');\n\n    return (\n        <div\n            {...remainingProps}\n            className={wrapperClassesFull}\n            onMouseEnter={handleEnter}\n            onMouseLeave={handleLeave}\n            onClick={onClick}\n        >\n            <div className={`display-flex flex-1-1 flex-column ${alignRight ? 'align-items-end' : ''}`}>\n                <div className='text-color-gray line-height-16'>{label}</div>\n                <div className={titleClassesFull}>{title}</div>\n            </div>\n            <div className='text-size-12 display-grid place-items-center'>\n                <span className={iconClassesFull} />\n            </div>\n        </div>\n    );\n};\n\nPager.VARIANT_FULL = PagerVariant.VARIANT_FULL;\nPager.VARIANT_COMPACT = PagerVariant.VARIANT_COMPACT;\n\nexport default Pager;\n"],"names":["PagerVariant","Pager","props","title","label","alignRight","variant","disabled","onClick","className","remainingProps","isHover","setIsHover","useState","handleEnter","handleLeave","isCompactVariant","wrapperClassesBase","classNames","iconClassesBase","titleClassesBase","wrapperClassesCompact","iconClassesCompact","jsxs","jsx","wrapperClassesFull","iconClassesFull","titleClassesFull"],"mappings":";;;AAMO,MAAMA,IAAe;AAAA,EACxB,cAAc;AAAA,EACd,iBAAiB;AACrB,GAkDMC,IAAQ,CAACC,MAAsB;AACjC,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,SAAAC,IAAUN,EAAa;AAAA,IACvB,UAAAO,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GAEE,CAACS,GAASC,CAAU,IAAIC,EAAS,EAAK,GAEtCC,IAAc,MAAM,CAACP,KAAYK,EAAW,EAAI,GAChDG,IAAc,MAAMH,EAAW,EAAK,GAEpCI,IAAmBV,MAAYL,EAAM,iBAErCgB,IAAqBC;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAP,KAAW;AAAA,IACXN,KAAc;AAAA,IACdE,KAAY;AAAA,IACZ;AAAA,EAAA,GAGEY,IAAkBD;AAAA,IACpB;AAAA,IACAX,IAAW,qBAAqB;AAAA,IAChCI,KAAW;AAAA,EAAA,GAGTS,IAAmBF;AAAA,IACrBX,IAAW,qBAAqB;AAAA,IAChCI,KAAW;AAAA,EAAA;AAKf,MAAIK,GAAkB;AAClB,UAAMK,IAAwBH;AAAA,MAC1BD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAR;AAAA,IAAA,GAGEa,IAAqBJ;AAAA,MACvBC;AAAA,MACAd,IAAa,yCAAyC;AAAA,MACtD;AAAA,IAAA;AAGJ,WACI,gBAAAkB;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAGb;AAAA,QACJ,WAAWW;AAAA,QACX,cAAcP;AAAA,QACd,cAAcC;AAAA,QACd,SAAAP;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAW,qCAAqCnB,IAAa,oBAAoB,EAAE,IACpF,UAAA,gBAAAmB,EAAC,OAAA,EAAI,WAAWJ,GAAmB,UAAAjB,EAAA,CAAM,GAC7C;AAAA,UACA,gBAAAqB,EAAC,QAAA,EAAK,WAAWF,EAAA,CAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjD;AAEA,QAAMG,IAAqBP;AAAA,IACvBD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAR;AAAA,EAAA,GAGEiB,IAAkBR;AAAA,IACpBC;AAAA,IACAd,IAAa,wCAAwC;AAAA,IACrD;AAAA,EAAA,GAGEsB,IAAmBT,EAAWE,GAAkBf,KAAc,cAAc,0BAA0B;AAE5G,SACI,gBAAAkB;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGb;AAAA,MACJ,WAAWe;AAAA,MACX,cAAcX;AAAA,MACd,cAAcC;AAAA,MACd,SAAAP;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAe,EAAC,SAAI,WAAW,qCAAqClB,IAAa,oBAAoB,EAAE,IACpF,UAAA;AAAA,UAAA,gBAAAmB,EAAC,OAAA,EAAI,WAAU,kCAAkC,UAAApB,GAAM;AAAA,UACvD,gBAAAoB,EAAC,OAAA,EAAI,WAAWG,GAAmB,UAAAxB,EAAA,CAAM;AAAA,QAAA,GAC7C;AAAA,QACA,gBAAAqB,EAAC,SAAI,WAAU,gDACX,4BAAC,QAAA,EAAK,WAAWE,GAAiB,EAAA,CACtC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEAzB,EAAM,eAAeD,EAAa;AAClCC,EAAM,kBAAkBD,EAAa;"}

package/components/popover/Popover.d.ts

@@ -1,4 +1,4 @@
-import { type ForwardRefExoticComponent, type RefAttributes, type PropsWithChildren, type ReactNode, type ComponentProps } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, PropsWithChildren, ReactNode, ComponentProps } from 'react';
 export declare const PLACEMENT_MAP: {
     readonly AUTO: "auto";
     readonly TOP: "top";

package/components/popover/Popover.js

@@ -1,29 +1,44 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { forwardRef, isValidElement, useState, useEffect, } from 'react';
-import { PLACEMENT } from '../../values/Placement';
-export const PLACEMENT_MAP = {
-    AUTO: PLACEMENT.AUTO,
-    TOP: PLACEMENT.TOP,
-    RIGHT: PLACEMENT.RIGHT,
-    BOTTOM: PLACEMENT.BOTTOM,
-    LEFT: PLACEMENT.LEFT,
-};
-const PopoverTitle = ({ className = '', children }) => (_jsx("div", { className: `popover-header popover-title ${className}`, children: children }));
-const PopoverContent = ({ className = '', children }) => (_jsx("div", { className: `popover-content popover-body ${className}`, children: children }));
-const isPopoverTitleOrContent = (element) => {
-    return isValidElement(element) && (element.type === PopoverTitle || element.type === PopoverContent);
-};
-const Popover = forwardRef((props, ref) => {
-    const { placement = 'bottom', arrowProps, title, titleClassName = '', contentClassName = '', children, className = '', ...remainingProps } = props;
-    const hasTitle = !!title;
-    const hasCustomContent = React.Children.toArray(children).some(isPopoverTitleOrContent);
-    // Mount the component but don't show it yet via CSS.
-    // After it is mounted, we set the visibility class to use CSS animation
-    const [isMounted, setIsMounted] = useState(false);
-    useEffect(() => setIsMounted(true), []);
-    return (_jsxs("div", { ...remainingProps, role: 'tooltip', "x-placement": placement, ref: ref, className: `popover fade ${isMounted ? 'show' : ''} ${className}`, children: [_jsx("div", { className: 'arrow', ...arrowProps }), hasTitle && _jsx(PopoverTitle, { className: titleClassName, children: title }), hasCustomContent ? children : _jsx(PopoverContent, { className: contentClassName, children: children })] }));
+import { jsxs as O, jsx as s } from "react/jsx-runtime";
+import u, { forwardRef as h, useState as E, useEffect as M, isValidElement as A } from "react";
+import { PLACEMENT as t } from "../../values/Placement.js";
+const w = {
+  AUTO: t.AUTO,
+  TOP: t.TOP,
+  RIGHT: t.RIGHT,
+  BOTTOM: t.BOTTOM,
+  LEFT: t.LEFT
+}, a = ({ className: e = "", children: o }) => /* @__PURE__ */ s("div", { className: `popover-header popover-title ${e}`, children: o }), n = ({ className: e = "", children: o }) => /* @__PURE__ */ s("div", { className: `popover-content popover-body ${e}`, children: o }), x = (e) => A(e) && (e.type === a || e.type === n), c = h((e, o) => {
+  const {
+    placement: l = "bottom",
+    arrowProps: p,
+    title: i,
+    titleClassName: m = "",
+    contentClassName: T = "",
+    children: r,
+    className: d = "",
+    ...v
+  } = e, N = !!i, P = u.Children.toArray(r).some(x), [f, C] = E(!1);
+  return M(() => C(!0), []), /* @__PURE__ */ O(
+    "div",
+    {
+      ...v,
+      role: "tooltip",
+      "x-placement": l,
+      ref: o,
+      className: `popover fade ${f ? "show" : ""} ${d}`,
+      children: [
+        /* @__PURE__ */ s("div", { className: "arrow", ...p }),
+        N && /* @__PURE__ */ s(a, { className: m, children: i }),
+        P ? r : /* @__PURE__ */ s(n, { className: T, children: r })
+      ]
+    }
+  );
 });
-Popover.Title = PopoverTitle;
-Popover.Content = PopoverContent;
-Object.assign(Popover, PLACEMENT_MAP);
-export default Popover;
+c.Title = a;
+c.Content = n;
+Object.assign(c, w);
+export {
+  w as PLACEMENT_MAP,
+  c as default
+};
+//# sourceMappingURL=Popover.js.map

package/components/popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    type PropsWithChildren,\n    type ReactNode,\n    type ComponentProps,\n    isValidElement,\n    useState,\n    useEffect,\n} from 'react';\n\nimport { PLACEMENT } from '../../values/Placement';\n\nexport const PLACEMENT_MAP = {\n    AUTO: PLACEMENT.AUTO,\n    TOP: PLACEMENT.TOP,\n    RIGHT: PLACEMENT.RIGHT,\n    BOTTOM: PLACEMENT.BOTTOM,\n    LEFT: PLACEMENT.LEFT,\n} as const;\n\nexport type PopoverProps = Omit<ComponentProps<'div'>, 'title'> & {\n    /**\n     * HTML ID attribute, necessary for accessibility.\n     */\n    id: string;\n\n    /**\n     * Sets the direction the Popover is positioned towards.\n     *\n     * This is generally provided by the OverlayTrigger component positioning the Popover.\n     *\n     * Possible values are:\n     * - `auto`\n     * - `top`\n     * - `right`\n     * - `bottom`\n     * - `left`\n     */\n    placement?: 'auto' | 'top' | 'right' | 'bottom' | 'left';\n\n    /**\n     * Additional props assigned to the arrow element. Internally used.\n     */\n    arrowProps?: Record<string, unknown>;\n\n    /**\n     * Any element to be rendered as the title of the Popover.\n     *\n     * It creates a `Popover.Title` inside the `Popover` passing the title directly into it.\n     */\n    title?: string | ReactNode;\n\n    /**\n     * Additional classes to be set on the `Popover.Title` element.\n     */\n    titleClassName?: string;\n\n    /**\n     * Additional classes to be set on the `Popover.Content` element.\n     */\n    contentClassName?: string;\n\n    /**\n     * Additional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nconst PopoverTitle = ({ className = '', children }: PropsWithChildren<{ className?: string }>) => (\n    <div className={`popover-header popover-title ${className}`}>{children}</div>\n);\n\nconst PopoverContent = ({ className = '', children }: PropsWithChildren<{ className?: string }>) => (\n    <div className={`popover-content popover-body ${className}`}>{children}</div>\n);\n\nconst isPopoverTitleOrContent = (element: ReactNode): boolean => {\n    return isValidElement(element) && (element.type === PopoverTitle || element.type === PopoverContent);\n};\n\ntype PopoverType = ForwardRefExoticComponent<PropsWithChildren<PopoverProps> & RefAttributes<HTMLDivElement>> & {\n    Title: typeof PopoverTitle;\n    Content: typeof PopoverContent;\n};\n\nconst Popover = forwardRef<HTMLDivElement, PropsWithChildren<PopoverProps>>((props, ref) => {\n    const {\n        placement = 'bottom',\n        arrowProps,\n        title,\n        titleClassName = '',\n        contentClassName = '',\n        children,\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const hasTitle = !!title;\n    const hasCustomContent = React.Children.toArray(children).some(isPopoverTitleOrContent);\n\n    // Mount the component but don't show it yet via CSS.\n    // After it is mounted, we set the visibility class to use CSS animation\n    const [isMounted, setIsMounted] = useState(false);\n    useEffect(() => setIsMounted(true), []);\n\n    return (\n        <div\n            {...remainingProps}\n            role='tooltip'\n            // x-placement is used by the css to define how to position the arrow.\n            // eslint-disable-next-line react/no-unknown-property\n            x-placement={placement}\n            ref={ref}\n            className={`popover fade ${isMounted ? 'show' : ''} ${className}`}\n        >\n            <div className='arrow' {...arrowProps} />\n            {hasTitle && <PopoverTitle className={titleClassName}>{title}</PopoverTitle>}\n            {hasCustomContent ? children : <PopoverContent className={contentClassName}>{children}</PopoverContent>}\n        </div>\n    );\n}) as PopoverType;\n\nPopover.Title = PopoverTitle;\nPopover.Content = PopoverContent;\n\nObject.assign(Popover, PLACEMENT_MAP);\n\nexport default Popover;\n"],"names":["PLACEMENT_MAP","PLACEMENT","PopoverTitle","className","children","jsx","PopoverContent","isPopoverTitleOrContent","element","isValidElement","Popover","forwardRef","props","ref","placement","arrowProps","title","titleClassName","contentClassName","remainingProps","hasTitle","hasCustomContent","React","isMounted","setIsMounted","useState","useEffect","jsxs"],"mappings":";;;AAcO,MAAMA,IAAgB;AAAA,EACzB,MAAMC,EAAU;AAAA,EAChB,KAAKA,EAAU;AAAA,EACf,OAAOA,EAAU;AAAA,EACjB,QAAQA,EAAU;AAAA,EAClB,MAAMA,EAAU;AACpB,GAkDMC,IAAe,CAAC,EAAE,WAAAC,IAAY,IAAI,UAAAC,EAAA,MACpC,gBAAAC,EAAC,OAAA,EAAI,WAAW,gCAAgCF,CAAS,IAAK,UAAAC,EAAA,CAAS,GAGrEE,IAAiB,CAAC,EAAE,WAAAH,IAAY,IAAI,UAAAC,EAAA,MACtC,gBAAAC,EAAC,OAAA,EAAI,WAAW,gCAAgCF,CAAS,IAAK,UAAAC,EAAA,CAAS,GAGrEG,IAA0B,CAACC,MACtBC,EAAeD,CAAO,MAAMA,EAAQ,SAASN,KAAgBM,EAAQ,SAASF,IAQnFI,IAAUC,EAA4D,CAACC,GAAOC,MAAQ;AACxF,QAAM;AAAA,IACF,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC,IAAmB;AAAA,IACnB,UAAAd;AAAA,IACA,WAAAD,IAAY;AAAA,IACZ,GAAGgB;AAAA,EAAA,IACHP,GAEEQ,IAAW,CAAC,CAACJ,GACbK,IAAmBC,EAAM,SAAS,QAAQlB,CAAQ,EAAE,KAAKG,CAAuB,GAIhF,CAACgB,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAChD,SAAAC,EAAU,MAAMF,EAAa,EAAI,GAAG,CAAA,CAAE,GAGlC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGR;AAAA,MACJ,MAAK;AAAA,MAGL,eAAaL;AAAA,MACb,KAAAD;AAAA,MACA,WAAW,gBAAgBU,IAAY,SAAS,EAAE,IAAIpB,CAAS;AAAA,MAE/D,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,SAAS,GAAGU,EAAA,CAAY;AAAA,QACtCK,KAAY,gBAAAf,EAACH,GAAA,EAAa,WAAWe,GAAiB,UAAAD,GAAM;AAAA,QAC5DK,IAAmBjB,IAAW,gBAAAC,EAACC,GAAA,EAAe,WAAWY,GAAmB,UAAAd,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlG,CAAC;AAEDM,EAAQ,QAAQR;AAChBQ,EAAQ,UAAUJ;AAElB,OAAO,OAAOI,GAASV,CAAa;"}

package/components/position/Position.js

@@ -1,13 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const format = (degrees, positivePrefix, negativePrefix) => {
-    const prefix = degrees >= 0 ? positivePrefix : negativePrefix;
-    const absDegrees = Math.abs(degrees);
-    const flooredDegrees = Math.floor(absDegrees);
-    const minutes = (absDegrees - flooredDegrees) * 60;
-    return `${prefix}${flooredDegrees}\u00b0 ${minutes.toFixed(3)}\u2032`;
+import { jsx as c } from "react/jsx-runtime";
+const a = (o, t, s) => {
+  const e = o >= 0 ? t : s, n = Math.abs(o), r = Math.floor(n), i = (n - r) * 60;
+  return `${e}${r}° ${i.toFixed(3)}′`;
+}, d = (o) => {
+  const { latitude: t, longitude: s, address: e } = o;
+  return /* @__PURE__ */ c("span", { className: "vehiclePositionInfo", children: e || `${a(t, "N", "S")} ${a(s, "E", "W")}` });
 };
-const Position = (props) => {
-    const { latitude, longitude, address } = props;
-    return (_jsx("span", { className: 'vehiclePositionInfo', children: address || `${format(latitude, 'N', 'S')} ${format(longitude, 'E', 'W')}` }));
+export {
+  d as default
 };
-export default Position;
+//# sourceMappingURL=Position.js.map

package/components/position/Position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Position.js","sources":["../../../src/components/position/Position.tsx"],"sourcesContent":["const format = (degrees: number, positivePrefix: string, negativePrefix: string) => {\n    const prefix = degrees >= 0 ? positivePrefix : negativePrefix;\n    const absDegrees = Math.abs(degrees);\n    const flooredDegrees = Math.floor(absDegrees);\n    const minutes = (absDegrees - flooredDegrees) * 60;\n    return `${prefix}${flooredDegrees}\\u00b0 ${minutes.toFixed(3)}\\u2032`;\n};\n\nexport type PositionProps = {\n    /**\n     * The latitude to display.\n     */\n    latitude: number;\n\n    /**\n     * The longitude to display.\n     */\n    longitude: number;\n\n    /**\n     * Can be used to override the default output.\n     */\n    address?: string;\n};\n\nconst Position = (props: PositionProps) => {\n    const { latitude, longitude, address } = props;\n\n    return (\n        <span className='vehiclePositionInfo'>\n            {address || `${format(latitude, 'N', 'S')} ${format(longitude, 'E', 'W')}`}\n        </span>\n    );\n};\n\nexport default Position;\n"],"names":["format","degrees","positivePrefix","negativePrefix","prefix","absDegrees","flooredDegrees","minutes","Position","props","latitude","longitude","address"],"mappings":";AAAA,MAAMA,IAAS,CAACC,GAAiBC,GAAwBC,MAA2B;AAChF,QAAMC,IAASH,KAAW,IAAIC,IAAiBC,GACzCE,IAAa,KAAK,IAAIJ,CAAO,GAC7BK,IAAiB,KAAK,MAAMD,CAAU,GACtCE,KAAWF,IAAaC,KAAkB;AAChD,SAAO,GAAGF,CAAM,GAAGE,CAAc,KAAUC,EAAQ,QAAQ,CAAC,CAAC;AACjE,GAmBMC,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,EAAA,IAAYH;AAEzC,2BACK,QAAA,EAAK,WAAU,uBACX,UAAAG,KAAW,GAAGZ,EAAOU,GAAU,KAAK,GAAG,CAAC,IAAIV,EAAOW,GAAW,KAAK,GAAG,CAAC,IAC5E;AAER;"}

package/components/preloader/ImagePreloader.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from 'react';
+import { JSX } from 'react';
 type ImagePreloaderStatus = 'PENDING' | 'FAILED' | 'LOADED';
 export type ImagePreloaderChild = (props: {
     status: ImagePreloaderStatus;

package/components/preloader/ImagePreloader.js

@@ -1,50 +1,31 @@
-import { useEffect, useRef, useState } from 'react';
-import noop from 'lodash/noop';
-const loadImage = (onLoad, onError) => (src, isAnonymous) => {
-    const image = new Image();
-    if (isAnonymous) {
-        image.crossOrigin = 'anonymous';
-    }
-    // attach listeners
-    image.onload = onLoad;
-    image.onerror = onError;
-    // preload the actual image
-    image.src = src;
-    return image;
-};
-const ImagePreloader = (props) => {
-    const { src, isAnonymous = false, onLoaded = noop, onFailed = noop, children } = props;
-    const [status, setStatus] = useState('PENDING');
-    const [image, setImage] = useState();
-    const willUnmount = useRef(false);
-    const handleImageLoaded = () => {
-        if (willUnmount.current) {
-            return;
-        }
-        setStatus('LOADED');
-        onLoaded(image);
-    };
-    const handleImageFailed = () => {
-        if (willUnmount.current) {
-            return;
-        }
-        setStatus('FAILED');
-        onFailed(image);
+import { useState as f, useRef as D, useCallback as E, useMemo as S, useEffect as T } from "react";
+import { noop as A } from "es-toolkit/compat";
+const F = (s, t) => (r, o) => {
+  const e = new Image();
+  return o && (e.crossOrigin = "anonymous"), e.onload = s, e.onerror = t, e.src = r, e;
+}, l = (s) => {
+  const { src: t, isAnonymous: r = !1, onLoaded: o = A, onFailed: e = A, children: m } = s, [L, c] = f("PENDING"), [I, N] = f(null), u = D(null), a = D(!1), i = E(() => {
+    const n = u.current;
+    a.current || !n || (c("LOADED"), o(n));
+  }, [o]), d = E(() => {
+    const n = u.current;
+    a.current || !n || (c("FAILED"), e(n));
+  }, [e]), g = S(
+    () => F(i, d),
+    [i, d]
+  );
+  return T(() => {
+    a.current = !1, c("PENDING");
+    const n = g(t, r);
+    return u.current = n, N(n), () => {
+      a.current = !0;
     };
-    const loadImageWithCallbacks = loadImage(handleImageLoaded, handleImageFailed);
-    useEffect(() => {
-        setImage(loadImageWithCallbacks(src, isAnonymous));
-        return () => {
-            willUnmount.current = true;
-        };
-    }, []);
-    useEffect(() => {
-        setStatus('PENDING');
-        setImage(loadImageWithCallbacks(src, isAnonymous));
-    }, [src]);
-    return children ? children({ status, image: image }) : null;
+  }, [t, r, g]), m && I ? m({ status: L, image: I }) : null;
+};
+l.STATUS_PENDING = "PENDING";
+l.STATUS_LOADED = "LOADED";
+l.STATUS_FAILED = "FAILED";
+export {
+  l as default
 };
-ImagePreloader.STATUS_PENDING = 'PENDING';
-ImagePreloader.STATUS_LOADED = 'LOADED';
-ImagePreloader.STATUS_FAILED = 'FAILED';
-export default ImagePreloader;
+//# sourceMappingURL=ImagePreloader.js.map

package/components/preloader/ImagePreloader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreloader.js","sources":["../../../src/components/preloader/ImagePreloader.tsx"],"sourcesContent":["import { type JSX, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { noop } from 'es-toolkit/compat';\n\nconst loadImage =\n    (onLoad: (event: Event) => void, onError: (event: Event | string) => void) =>\n    (src: string, isAnonymous: boolean) => {\n        const image = new Image();\n\n        if (isAnonymous) {\n            image.crossOrigin = 'anonymous';\n        }\n\n        // attach listeners\n        image.onload = onLoad;\n        image.onerror = onError;\n\n        // preload the actual image\n        image.src = src;\n\n        return image;\n    };\n\ntype ImagePreloaderStatus = 'PENDING' | 'FAILED' | 'LOADED';\n\nexport type ImagePreloaderChild = (props: {\n    status: ImagePreloaderStatus;\n    image: HTMLImageElement;\n}) => JSX.Element | null;\n\nexport type ImagePreloaderProps = {\n    /**\n     * The URL of the image to load.\n     */\n    src: string;\n\n    /**\n     * Invoked when the image is loaded.\n     *\n     * @param image The native Image object.\n     */\n    onLoaded?: (image: HTMLImageElement) => void;\n\n    /**\n     * Invoked when the image failed to load.\n     *\n     * @param image The native Image object.\n     */\n    onFailed?: (image: HTMLImageElement) => void;\n\n    /**\n     * Whether to set the \"crossOrigin\" to \"anonymous\".\n     *\n     * @default false\n     */\n    isAnonymous?: boolean;\n\n    /**\n     * A render function can be used to access both the current state and the image element.\n     *\n     * Using this, you can decide how to render the different states and/or the loaded image.\n     *\n     * The function will receive props containing the `status` and `image` properties.\n     *\n     * `status` will be one of 'PENDING', 'FAILED' or 'LOADED'. `image` is the Image element.\n     */\n    children?: ImagePreloaderChild;\n};\n\nconst ImagePreloader = (props: ImagePreloaderProps) => {\n    const { src, isAnonymous = false, onLoaded = noop, onFailed = noop, children } = props;\n\n    const [status, setStatus] = useState<ImagePreloaderStatus>('PENDING');\n    const [image, setImage] = useState<HTMLImageElement | null>(null);\n    const imageRef = useRef<HTMLImageElement | null>(null);\n\n    const willUnmount = useRef(false);\n\n    const handleImageLoaded = useCallback(() => {\n        const currentImage = imageRef.current;\n\n        if (willUnmount.current || !currentImage) {\n            return;\n        }\n        setStatus('LOADED');\n        onLoaded(currentImage);\n    }, [onLoaded]);\n\n    const handleImageFailed = useCallback(() => {\n        const currentImage = imageRef.current;\n\n        if (willUnmount.current || !currentImage) {\n            return;\n        }\n        setStatus('FAILED');\n        onFailed(currentImage);\n    }, [onFailed]);\n\n    const loadImageWithCallbacks = useMemo(\n        () => loadImage(handleImageLoaded, handleImageFailed),\n        [handleImageLoaded, handleImageFailed]\n    );\n\n    useEffect(() => {\n        willUnmount.current = false;\n        setStatus('PENDING');\n\n        const nextImage = loadImageWithCallbacks(src, isAnonymous);\n        imageRef.current = nextImage;\n        setImage(nextImage);\n\n        return () => {\n            willUnmount.current = true;\n        };\n    }, [src, isAnonymous, loadImageWithCallbacks]);\n\n    return children && image ? children({ status, image }) : null;\n};\n\nImagePreloader.STATUS_PENDING = 'PENDING';\nImagePreloader.STATUS_LOADED = 'LOADED';\nImagePreloader.STATUS_FAILED = 'FAILED';\n\nexport default ImagePreloader;\n"],"names":["loadImage","onLoad","onError","src","isAnonymous","image","ImagePreloader","props","onLoaded","noop","onFailed","children","status","setStatus","useState","setImage","imageRef","useRef","willUnmount","handleImageLoaded","useCallback","currentImage","handleImageFailed","loadImageWithCallbacks","useMemo","useEffect","nextImage"],"mappings":";;AAGA,MAAMA,IACF,CAACC,GAAgCC,MACjC,CAACC,GAAaC,MAAyB;AACnC,QAAMC,IAAQ,IAAI,MAAA;AAElB,SAAID,MACAC,EAAM,cAAc,cAIxBA,EAAM,SAASJ,GACfI,EAAM,UAAUH,GAGhBG,EAAM,MAAMF,GAELE;AACX,GAgDEC,IAAiB,CAACC,MAA+B;AACnD,QAAM,EAAE,KAAAJ,GAAK,aAAAC,IAAc,IAAO,UAAAI,IAAWC,GAAM,UAAAC,IAAWD,GAAM,UAAAE,EAAA,IAAaJ,GAE3E,CAACK,GAAQC,CAAS,IAAIC,EAA+B,SAAS,GAC9D,CAACT,GAAOU,CAAQ,IAAID,EAAkC,IAAI,GAC1DE,IAAWC,EAAgC,IAAI,GAE/CC,IAAcD,EAAO,EAAK,GAE1BE,IAAoBC,EAAY,MAAM;AACxC,UAAMC,IAAeL,EAAS;AAE9B,IAAIE,EAAY,WAAW,CAACG,MAG5BR,EAAU,QAAQ,GAClBL,EAASa,CAAY;AAAA,EACzB,GAAG,CAACb,CAAQ,CAAC,GAEPc,IAAoBF,EAAY,MAAM;AACxC,UAAMC,IAAeL,EAAS;AAE9B,IAAIE,EAAY,WAAW,CAACG,MAG5BR,EAAU,QAAQ,GAClBH,EAASW,CAAY;AAAA,EACzB,GAAG,CAACX,CAAQ,CAAC,GAEPa,IAAyBC;AAAA,IAC3B,MAAMxB,EAAUmB,GAAmBG,CAAiB;AAAA,IACpD,CAACH,GAAmBG,CAAiB;AAAA,EAAA;AAGzC,SAAAG,EAAU,MAAM;AACZ,IAAAP,EAAY,UAAU,IACtBL,EAAU,SAAS;AAEnB,UAAMa,IAAYH,EAAuBpB,GAAKC,CAAW;AACzD,WAAAY,EAAS,UAAUU,GACnBX,EAASW,CAAS,GAEX,MAAM;AACT,MAAAR,EAAY,UAAU;AAAA,IAC1B;AAAA,EACJ,GAAG,CAACf,GAAKC,GAAamB,CAAsB,CAAC,GAEtCZ,KAAYN,IAAQM,EAAS,EAAE,QAAAC,GAAQ,OAAAP,EAAA,CAAO,IAAI;AAC7D;AAEAC,EAAe,iBAAiB;AAChCA,EAAe,gBAAgB;AAC/BA,EAAe,gBAAgB;"}

package/components/radiobutton/RadioButton.d.ts

@@ -1,4 +1,4 @@
-import { type ChangeEventHandler, type MouseEventHandler, type PropsWithChildren, type ReactNode, type Ref, HTMLProps } from 'react';
+import { ChangeEventHandler, MouseEventHandler, PropsWithChildren, ReactNode, Ref, HTMLProps } from 'react';
 export type RadioButtonProps = Omit<HTMLProps<HTMLLabelElement>, 'label' | 'onClick'> & {
     /**
      * Define any rioglyph icon like "rioglyph-truck".

package/components/radiobutton/RadioButton.js

@@ -1,56 +1,93 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, } from 'react';
-import classNames from 'classnames';
-import noop from 'lodash/noop';
-const RadioButtonIcon = (props) => {
-    const { icon, iconSize, iconLabelPosition, text } = props;
-    const iconStyles = {
-        width: `${iconSize}px`,
-        height: `${iconSize}px`,
-        fontSize: `${iconSize}px`,
-        lineHeight: `${iconSize}px`,
-    };
-    return (_jsxs("span", { className: `radio-icon label-${iconLabelPosition}`, children: [_jsx("span", { className: `rioglyph ${icon}`, style: iconStyles }), _jsx("span", { className: 'radio-label', children: text })] }));
+import { jsxs as N, jsx as n } from "react/jsx-runtime";
+import { useRef as O } from "react";
+import g from "classnames";
+import { noop as x } from "es-toolkit/compat";
+const S = (s) => {
+  const { icon: o, iconSize: e, iconLabelPosition: a, text: i } = s, l = {
+    width: `${e}px`,
+    height: `${e}px`,
+    fontSize: `${e}px`,
+    lineHeight: `${e}px`
+  };
+  return /* @__PURE__ */ N("span", { className: `radio-icon label-${a}`, children: [
+    /* @__PURE__ */ n("span", { className: `rioglyph ${o}`, style: l }),
+    /* @__PURE__ */ n("span", { className: "radio-label", children: i })
+  ] });
+}, k = (s) => {
+  const {
+    icon: o = "",
+    iconLabelPosition: e = "vertical",
+    iconSize: a = 16,
+    label: i,
+    onClick: l = x,
+    onChange: m = x,
+    checked: c,
+    defaultChecked: I,
+    disabled: u = !1,
+    className: h,
+    inline: L = !1,
+    right: y = !1,
+    custom: f = !1,
+    name: R,
+    value: $,
+    tabIndex: D = 0,
+    inputRef: v,
+    children: r,
+    ...w
+  } = s, p = c != null, d = O(null), z = (t) => {
+    switch (t.key) {
+      case " ":
+      // toggle on space
+      case "Enter":
+        A(t);
+        break;
+    }
+  }, A = (t) => {
+    if (t.preventDefault(), !u) {
+      if (p) {
+        m(t);
+        return;
+      }
+      if (d.current) {
+        const b = d.current.firstChild;
+        b.checked = !b.checked;
+      }
+    }
+  }, C = i || r, B = g("radio", L && "radio-inline", h), E = g(y && "icon-right", h);
+  return /* @__PURE__ */ N(
+    "label",
+    {
+      ...w,
+      className: B,
+      tabIndex: D,
+      onKeyDown: z,
+      ref: d,
+      children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            type: "radio",
+            defaultChecked: I,
+            checked: c,
+            disabled: u,
+            className: E,
+            ref: v,
+            onClick: l,
+            onChange: p ? m : void 0,
+            name: R,
+            value: $
+          }
+        ),
+        !!o && /* @__PURE__ */ n(S, { icon: o, iconSize: a, iconLabelPosition: e, text: C }),
+        !o && !f && /* @__PURE__ */ n("span", { className: "radio-text", children: /* @__PURE__ */ n("span", { children: C }) }),
+        f && r && r
+      ]
+    }
+  );
 };
-const RadioButton = (props) => {
-    const { icon = '', iconLabelPosition = 'vertical', iconSize = 16, label, onClick = noop, onChange = noop, checked, defaultChecked, disabled = false, className, inline = false, right = false, custom = false, name, value, tabIndex = 0, inputRef, children, ...remainingProps } = props;
-    const isControlled = checked !== null && checked !== undefined;
-    const labelRef = useRef(null);
-    const handleToggleKeyDown = (event) => {
-        switch (event.key) {
-            case ' ': // toggle on space
-            case 'Enter': // open on enter
-                toggle(event);
-                break;
-            default:
-                break;
-        }
-    };
-    const toggle = (event) => {
-        event.preventDefault();
-        if (disabled) {
-            return;
-        }
-        // Controlled case - uses "onChange()" instead of "onClick()" callback
-        if (isControlled) {
-            onChange(event);
-            return;
-        }
-        // Uncontrolled case - set the input checked or unchecked
-        if (labelRef.current) {
-            const checkbox = labelRef.current.firstChild;
-            checkbox.checked = !checkbox.checked;
-        }
-        onClick(event);
-    };
-    const text = label || children;
-    const labelClassnames = classNames('radio', inline && 'radio-inline', className);
-    const inputClassnames = classNames(right && 'icon-right', className);
-    const renderCustomIcon = !!icon;
-    const renderCustomContent = custom && children;
-    const renderDefault = !icon && !custom;
-    return (_jsxs("label", { ...remainingProps, className: labelClassnames, tabIndex: tabIndex, onKeyDown: handleToggleKeyDown, ref: labelRef, children: [_jsx("input", { type: 'radio', defaultChecked: defaultChecked, checked: checked, disabled: disabled, className: inputClassnames, ref: inputRef, onClick: onClick, onChange: onChange, name: name, value: value }), renderCustomIcon && (_jsx(RadioButtonIcon, { icon: icon, iconSize: iconSize, iconLabelPosition: iconLabelPosition, text: text })), renderDefault && (_jsx("span", { className: 'radio-text', children: _jsx("span", { children: text }) })), renderCustomContent && children] }));
+k.ICON_LABEL_VERTICAL = "vertical";
+k.ICON_LABEL_HORIZONTAL = "horizontal";
+export {
+  k as default
 };
-RadioButton.ICON_LABEL_VERTICAL = 'vertical';
-RadioButton.ICON_LABEL_HORIZONTAL = 'horizontal';
-export default RadioButton;
+//# sourceMappingURL=RadioButton.js.map

package/components/radiobutton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../../src/components/radiobutton/RadioButton.tsx"],"sourcesContent":["import {\n    type ChangeEventHandler,\n    type KeyboardEvent,\n    type MouseEventHandler,\n    type PropsWithChildren,\n    type ReactNode,\n    type Ref,\n    useRef,\n    type HTMLProps,\n} from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/compat';\n\ntype RadioButtonIconProps = {\n    icon: string;\n    iconSize: number;\n    iconLabelPosition: 'vertical' | 'horizontal';\n    text: string | ReactNode;\n};\n\nconst RadioButtonIcon = (props: RadioButtonIconProps) => {\n    const { icon, iconSize, iconLabelPosition, text } = props;\n\n    const iconStyles = {\n        width: `${iconSize}px`,\n        height: `${iconSize}px`,\n        fontSize: `${iconSize}px`,\n        lineHeight: `${iconSize}px`,\n    };\n\n    return (\n        <span className={`radio-icon label-${iconLabelPosition}`}>\n            <span className={`rioglyph ${icon}`} style={iconStyles} />\n            <span className='radio-label'>{text}</span>\n        </span>\n    );\n};\n\nexport type RadioButtonProps = Omit<HTMLProps<HTMLLabelElement>, 'label' | 'onClick'> & {\n    /**\n     * Define any rioglyph icon like \"rioglyph-truck\".\n     */\n    icon?: string;\n\n    /**\n     * The label position.\n     *\n     * Possible values are: \"horizontal\" or \"vertical\".\n     *\n     * @default 'vertical'\n     */\n    iconLabelPosition?: 'vertical' | 'horizontal';\n\n    /**\n     * The icon Size in px.\n     *\n     * @default 16\n     */\n    iconSize?: number;\n\n    /**\n     * Defines the label text.\n     */\n    label?: string | ReactNode;\n\n    /**\n     * Callback function that is invoked when the radio button is clicked.\n     *\n     * @default noop\n     */\n    onClick?: MouseEventHandler<{ value: string | string[] | number }>;\n\n    /**\n     * Callback function that is invoked when the radio button is toggled and the state should change (for controlled\n     * usage).\n     *\n     * @default noop\n     */\n    onChange?: ChangeEventHandler;\n\n    /**\n     * Defines whether the radio is checked (for controlled usage).\n     */\n    checked?: boolean;\n\n    /**\n     * Defines whether the radio is initially checked (state can be changed on click).\n     */\n    defaultChecked?: boolean;\n\n    /**\n     * Defines whether the checkbox is disabled.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Additional classes to be set on the input element.\n     */\n    className?: string;\n\n    /**\n     * Defines whether the radio button is applying an inline style.\n     *\n     * Use this in combination with other radio buttons.\n     *\n     * @default false\n     */\n    inline?: boolean;\n\n    /**\n     * Displays the icon on the right side of the text.\n     *\n     * @default false\n     */\n    right?: boolean;\n\n    /**\n     * Allows for rendering a completely different layout with or without a radio tick.\n     *\n     * @default false\n     */\n    custom?: boolean;\n\n    /**\n     * Name to be given to the input element.\n     */\n    name?: string;\n\n    /**\n     * The value attribute is a string containing the radio button's value but __it is never shown to the user__.\n     * It serves a special purpose for inputs of type radio: when a form is submitted, only radio buttons which are\n     * currently checked are submitted, and the reported value is the value of the value attribute.\n     * If the value is not otherwise specified, it is the string on by default.\n     *\n     * This is useful when using native `FormData` when submitting a form to get the selected radio button value.\n     */\n    value?: string;\n\n    /**\n     * Number of the index used for keyboard support.\n     *\n     * An index of 0 means that the element should be focusable in sequential keyboard navigation, but its order is\n     * defined by the document's source order. To disable the focus set the value to -1. A positive value means the\n     * element should be focusable in sequential keyboard navigation, with its order defined by the value of the number.\n     *\n     * @default 0\n     */\n    tabIndex?: number;\n\n    /**\n     * Ref which is added to the input element.\n     */\n    inputRef?: Ref<HTMLInputElement>;\n};\n\nconst RadioButton = (props: PropsWithChildren<RadioButtonProps>) => {\n    const {\n        icon = '',\n        iconLabelPosition = 'vertical',\n        iconSize = 16,\n        label,\n        onClick = noop,\n        onChange = noop,\n        checked,\n        defaultChecked,\n        disabled = false,\n        className,\n        inline = false,\n        right = false,\n        custom = false,\n        name,\n        value,\n        tabIndex = 0,\n        inputRef,\n        children,\n        ...remainingProps\n    } = props;\n\n    const isControlled = checked !== null && checked !== undefined;\n\n    const labelRef = useRef<HTMLLabelElement>(null);\n\n    const handleToggleKeyDown = (event: KeyboardEvent<HTMLLabelElement>) => {\n        switch (event.key) {\n            case ' ': // toggle on space\n            case 'Enter': // open on enter\n                toggle(event);\n                break;\n\n            default:\n                break;\n        }\n    };\n\n    const toggle = (event: KeyboardEvent<HTMLLabelElement>) => {\n        event.preventDefault();\n\n        if (disabled) {\n            return;\n        }\n\n        // Controlled case - uses \"onChange()\" instead of \"onClick()\" callback\n        if (isControlled) {\n            onChange(event);\n            return;\n        }\n\n        // Uncontrolled case - set the input checked or unchecked\n        if (labelRef.current) {\n            const checkbox = labelRef.current.firstChild as HTMLInputElement;\n            checkbox.checked = !checkbox.checked;\n        }\n    };\n\n    const text = label || children;\n\n    const labelClassnames = classNames('radio', inline && 'radio-inline', className);\n    const inputClassnames = classNames(right && 'icon-right', className);\n\n    const renderCustomIcon = !!icon;\n    const renderCustomContent = custom && children;\n    const renderDefault = !icon && !custom;\n\n    return (\n        <label\n            {...remainingProps}\n            className={labelClassnames}\n            tabIndex={tabIndex}\n            onKeyDown={handleToggleKeyDown}\n            ref={labelRef}\n        >\n            <input\n                type='radio'\n                defaultChecked={defaultChecked}\n                checked={checked}\n                disabled={disabled}\n                className={inputClassnames}\n                ref={inputRef}\n                onClick={onClick}\n                // Only wire onChange for controlled usage; uncontrolled relies on native state + onClick.\n                onChange={isControlled ? onChange : undefined}\n                name={name}\n                value={value}\n            />\n            {renderCustomIcon && (\n                <RadioButtonIcon icon={icon} iconSize={iconSize} iconLabelPosition={iconLabelPosition} text={text} />\n            )}\n            {renderDefault && (\n                <span className='radio-text'>\n                    <span>{text}</span>\n                </span>\n            )}\n            {renderCustomContent && children}\n        </label>\n    );\n};\n\nRadioButton.ICON_LABEL_VERTICAL = 'vertical';\nRadioButton.ICON_LABEL_HORIZONTAL = 'horizontal';\n\nexport default RadioButton;\n"],"names":["RadioButtonIcon","props","icon","iconSize","iconLabelPosition","text","iconStyles","jsxs","jsx","RadioButton","label","onClick","noop","onChange","checked","defaultChecked","disabled","className","inline","right","custom","name","value","tabIndex","inputRef","children","remainingProps","isControlled","labelRef","useRef","handleToggleKeyDown","event","toggle","checkbox","labelClassnames","classNames","inputClassnames"],"mappings":";;;;AAoBA,MAAMA,IAAkB,CAACC,MAAgC;AACrD,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,mBAAAC,GAAmB,MAAAC,MAASJ,GAE9CK,IAAa;AAAA,IACf,OAAO,GAAGH,CAAQ;AAAA,IAClB,QAAQ,GAAGA,CAAQ;AAAA,IACnB,UAAU,GAAGA,CAAQ;AAAA,IACrB,YAAY,GAAGA,CAAQ;AAAA,EAAA;AAG3B,SACI,gBAAAI,EAAC,QAAA,EAAK,WAAW,oBAAoBH,CAAiB,IAClD,UAAA;AAAA,IAAA,gBAAAI,EAAC,UAAK,WAAW,YAAYN,CAAI,IAAI,OAAOI,GAAY;AAAA,IACxD,gBAAAE,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAH,EAAA,CAAK;AAAA,EAAA,GACxC;AAER,GAyHMI,IAAc,CAACR,MAA+C;AAChE,QAAM;AAAA,IACF,MAAAC,IAAO;AAAA,IACP,mBAAAE,IAAoB;AAAA,IACpB,UAAAD,IAAW;AAAA,IACX,OAAAO;AAAA,IACA,SAAAC,IAAUC;AAAA,IACV,UAAAC,IAAWD;AAAA,IACX,SAAAE;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHzB,GAEE0B,IAAeb,KAAY,MAE3Bc,IAAWC,EAAyB,IAAI,GAExCC,IAAsB,CAACC,MAA2C;AACpE,YAAQA,EAAM,KAAA;AAAA,MACV,KAAK;AAAA;AAAA,MACL,KAAK;AACD,QAAAC,EAAOD,CAAK;AACZ;AAAA,IAGA;AAAA,EAEZ,GAEMC,IAAS,CAACD,MAA2C;AAGvD,QAFAA,EAAM,eAAA,GAEF,CAAAf,GAKJ;AAAA,UAAIW,GAAc;AACd,QAAAd,EAASkB,CAAK;AACd;AAAA,MACJ;AAGA,UAAIH,EAAS,SAAS;AAClB,cAAMK,IAAWL,EAAS,QAAQ;AAClC,QAAAK,EAAS,UAAU,CAACA,EAAS;AAAA,MACjC;AAAA;AAAA,EACJ,GAEM5B,IAAOK,KAASe,GAEhBS,IAAkBC,EAAW,SAASjB,KAAU,gBAAgBD,CAAS,GACzEmB,IAAkBD,EAAWhB,KAAS,cAAcF,CAAS;AAMnE,SACI,gBAAAV;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGmB;AAAA,MACJ,WAAWQ;AAAA,MACX,UAAAX;AAAA,MACA,WAAWO;AAAA,MACX,KAAKF;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAApB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAAO;AAAA,YACA,SAAAD;AAAA,YACA,UAAAE;AAAA,YACA,WAAWoB;AAAA,YACX,KAAKZ;AAAA,YACL,SAAAb;AAAA,YAEA,UAAUgB,IAAed,IAAW;AAAA,YACpC,MAAAQ;AAAA,YACA,OAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAvBa,CAAC,CAACpB,KA0Bf,gBAAAM,EAACR,GAAA,EAAgB,MAAAE,GAAY,UAAAC,GAAoB,mBAAAC,GAAsC,MAAAC,GAAY;AAAA,QAxBzF,CAACH,KAAQ,CAACkB,uBA2BnB,QAAA,EAAK,WAAU,cACZ,UAAA,gBAAAZ,EAAC,QAAA,EAAM,aAAK,EAAA,CAChB;AAAA,QA9BgBY,KAAUK,KAgCNA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAhB,EAAY,sBAAsB;AAClCA,EAAY,wBAAwB;"}

package/components/releaseNotes/ReleaseNotes.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type NoteContent = (React.ReactNode | JSX.Element) | (React.ReactNode | JSX.Element)[];
 export type NoteProps = {
     version: string;

package/components/releaseNotes/ReleaseNotes.js

@@ -1,14 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import isArray from 'lodash/fp/isArray';
-import map from 'lodash/fp/map';
-import toPairs from 'lodash/fp/toPairs';
-const Note = (props) => {
-    const { note, version } = props;
-    const { date, content } = note;
-    return (_jsxs("div", { className: 'panel panel-default', children: [_jsx("div", { className: 'panel-heading', children: _jsxs("div", { className: 'display-flex justify-content-between', children: [_jsx("span", { className: 'text-size-16 text-medium', children: `${version}` }), _jsx("span", { className: 'text-thin', children: date })] }) }), _jsx("div", { className: 'panel-body white-space-pre-line', children: isArray(content) ? (_jsx("ul", { className: 'margin-bottom-0 margin-left-5 padding-left-25', children: map((item) => (_jsx("li", { children: item }, `${version}-note-${Math.random()}`)), content) })) : (_jsx("div", { children: content })) })] }, `${version}-note`));
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { map as r, toPairs as o, isArray as c } from "es-toolkit/compat";
+const m = (s) => {
+  const { note: i, version: n } = s, { date: a, content: t } = i;
+  return /* @__PURE__ */ l("div", { className: "panel panel-default", children: [
+    /* @__PURE__ */ e("div", { className: "panel-heading", children: /* @__PURE__ */ l("div", { className: "display-flex justify-content-between", children: [
+      /* @__PURE__ */ e("span", { className: "text-size-16 text-medium", children: `${n}` }),
+      /* @__PURE__ */ e("span", { className: "text-thin", children: a })
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "panel-body white-space-pre-line", children: c(t) ? /* @__PURE__ */ e("ul", { className: "margin-bottom-0 margin-left-5 padding-left-25", children: r(t, (d) => /* @__PURE__ */ e("li", { children: d }, `${n}-note-${Math.random()}`)) }) : /* @__PURE__ */ e("div", { children: t }) })
+  ] }, `${n}-note`);
+}, N = (s) => {
+  const { releaseNotes: i, ...n } = s;
+  return /* @__PURE__ */ e("div", { ...n, children: r(o(i), ([a, t]) => /* @__PURE__ */ e(m, { note: t, version: a }, a)) });
 };
-const ReleaseNotes = (props) => {
-    const { releaseNotes, ...remainingProps } = props;
-    return (_jsx("div", { ...remainingProps, children: map(([key, note]) => (_jsx(Note, { note: note, version: key }, key)), toPairs(releaseNotes)) }));
+export {
+  N as default
 };
-export default ReleaseNotes;
+//# sourceMappingURL=ReleaseNotes.js.map