@alphakits/ui 2.3.1 → 2.4.0

package/dist/picker-button/common/labeled-button/index.js

@@ -1,18 +1,24 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import s from "classnames";
+import l from "classnames";
+import { forwardRef as s } from "react";
 import { Typography as t } from "../../../typography/component.js";
 import n from "./index.module.css.js";
-const u = l(({
-  label: e,
-  value: o,
-  id: i,
-  className: m,
-  onClick: p
-}, a) => /* @__PURE__ */ c("button", { className: s(n.wrapper, m), ref: a, id: i, type: "button", onClick: p, children: [
-  /* @__PURE__ */ r(t.Text, { view: "caps", weight: "medium", color: "tertiary", children: e }),
-  /* @__PURE__ */ r(t.Text, { view: "title", weight: "medium", color: "primary", children: o })
-] }));
+const u = s(
+  ({ label: e, value: o, id: i, className: m, onClick: p }, a) => /* @__PURE__ */ c(
+    "button",
+    {
+      className: l(n.wrapper, m),
+      ref: a,
+      id: i,
+      type: "button",
+      onClick: p,
+      children: [
+        /* @__PURE__ */ r(t.Text, { view: "caps", weight: "medium", color: "tertiary", children: e }),
+        /* @__PURE__ */ r(t.Text, { view: "title", weight: "medium", color: "primary", children: o })
+      ]
+    }
+  )
+);
 export {
   u as LabeledButton
 };

package/dist/picker-button/component.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import a from "classnames";
+import d from "classnames";
+import { forwardRef as a } from "react";
 import "../select/component.js";
 import { BaseSelect as g } from "../select/components/base-select/component.js";
 import "../form-control/component.js";
@@ -10,9 +10,9 @@ import { OptionsList as S } from "../select/components/options-list/component.js
 import "react-virtual";
 import "../toast-notifier/component.js";
 import "intersection-observer";
-import { Field as b } from "./field/Component.js";
+import { Field as b } from "./field/component.js";
 import x from "./index.module.css.js";
-const D = d(
+const D = a(
   ({
     OptionsList: t,
     Optgroup: r,
@@ -45,7 +45,7 @@ const D = d(
       },
       Optgroup: r || F,
       OptionsList: t || S,
-      className: a(x.container, s),
+      className: d(x.container, s),
       selected: [],
       closeOnSelect: !0
     }

package/dist/picker-button/field/{Component.d.ts → component.d.ts}

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { ButtonProps } from '../../button';
 import { SelectFieldProps as BaseFieldProps } from '../../select';
 import { PickerButtonSize } from '..';
@@ -7,5 +6,5 @@ type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | '
     icon?: any;
     fieldComponent?: 'button' | 'iconButton';
 };
-export declare const Field: ({ buttonSize, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, fieldComponent, ...restProps }: FieldProps) => React.JSX.Element;
+export declare const Field: ({ buttonSize, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, fieldComponent, ...restProps }: FieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/picker-button/field/index.d.ts

@@ -1 +1 @@
-export * from './Component';
+export * from './component';

package/dist/picker-button/field/index.js

@@ -1,4 +1,4 @@
-import { Field as r } from "./Component.js";
+import { Field as r } from "./component.js";
 export {
   r as Field
 };

package/dist/picker-button/index.d.ts

@@ -1,2 +1,2 @@
-export * from './component';
 export * from './common';
+export * from './component';

package/dist/picker-button/index.js

@@ -1,6 +1,6 @@
-import { PickerButton as e } from "./component.js";
-import { LabeledButton as f } from "./common/labeled-button/index.js";
+import { LabeledButton as e } from "./common/labeled-button/index.js";
+import { PickerButton as f } from "./component.js";
 export {
-  f as LabeledButton,
-  e as PickerButton
+  e as LabeledButton,
+  f as PickerButton
 };

package/dist/popover/component.d.ts

@@ -1,5 +1,5 @@
-import { default as React, CSSProperties, MutableRefObject } from 'react';
 import { Placement } from '@floating-ui/react-dom';
+import { default as React, CSSProperties, MutableRefObject } from 'react';
 import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 export type Position = Placement;
 export type PopoverProps = {
@@ -13,7 +13,7 @@ export type PopoverProps = {
     popperClassName?: string;
     arrowClassName?: string;
     getPortalContainer?: () => HTMLElement;
-    transition?: CSSTransitionProps;
+    transition?: Omit<CSSTransitionProps<HTMLDivElement>, 'children' | 'nodeRef'>;
     transitionDuration?: CSSProperties['transitionDuration'];
     withTransition?: boolean;
     dataTestId?: string;

package/dist/popover/component.js

@@ -1,11 +1,11 @@
-import { jsx as r, jsxs as $ } from "react/jsx-runtime";
-import { useRef as N, useLayoutEffect as j, useEffect as R, useMemo as D, useCallback as P } from "react";
-import { useFloating as U, autoUpdate as z, offset as V, flip as q, shift as B, arrow as G } from "@floating-ui/react-dom";
-import { CSSTransition as H } from "react-transition-group";
+import { jsx as r, jsxs as P } from "react/jsx-runtime";
+import { useFloating as $, autoUpdate as j, offset as D, flip as U, shift as z, arrow as V } from "@floating-ui/react-dom";
 import m from "classnames";
+import { useRef as g, useLayoutEffect as q, useEffect as N, useMemo as B, useCallback as G } from "react";
+import { CSSTransition as H } from "react-transition-group";
 import { Portal as J } from "../portal/component.js";
-import { stackingOrder as K } from "../stack/context.js";
-import { Stack as Q } from "../stack/component.js";
+import { Stack as K } from "../stack/component.js";
+import { stackingOrder as Q } from "../stack/context.js";
 import e from "./index.module.css.js";
 const W = {
   timeout: 150
@@ -14,77 +14,77 @@ const W = {
   enterActive: e.enterActive,
   exit: e.exit,
   exitActive: e.exitActive
-}, Y = {
+}, Y = H, Z = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
-}, lt = ({
-  children: f,
+}, ct = ({
+  children: R,
   getPortalContainer: A,
-  transition: u = W,
+  transition: f = W,
   anchorElement: d,
   offset: a = [0, 0],
-  withArrow: s = !1,
+  withArrow: i = !1,
   withTransition: b = !0,
   position: y = "left",
-  preventFlip: E,
-  popperClassName: O,
-  arrowClassName: T,
-  className: h,
-  open: p,
+  preventFlip: T,
+  popperClassName: h,
+  arrowClassName: E,
+  className: O,
+  open: u,
   dataTestId: C,
   update: l,
-  transitionDuration: F = `${u.timeout}ms`,
-  zIndex: w = K.POPOVER
+  transitionDuration: F = `${f.timeout}ms`,
+  zIndex: w = Q.POPOVER
 }) => {
-  const x = N(null), S = N(null), {
-    refs: i,
+  const p = g(null), x = g(null), {
+    refs: n,
     floatingStyles: I,
     middlewareData: c,
-    placement: v,
+    placement: S,
     update: o
-  } = U({
+  } = $({
     placement: y,
-    whileElementsMounted: z,
+    whileElementsMounted: j,
     middleware: [
-      V(
+      D(
         {
           crossAxis: a[0],
           mainAxis: a[1]
         },
         [a]
       ),
-      ...E ? [] : [q()],
-      B({ padding: 4 }),
-      ...s ? [G({ element: x })] : []
+      ...T ? [] : [U()],
+      z({ padding: 4 }),
+      ...i ? [V({ element: p })] : []
     ]
   });
-  j(() => {
-    i.setReference(d);
-  }, [d, i]), R(() => {
+  q(() => {
+    n.setReference(d);
+  }, [d, n]), N(() => {
     l && o && (l.current = o);
-  }, [o, l]), R(() => {
+  }, [o, l]), N(() => {
     o();
-  }, [o, f]);
-  const M = D(() => {
-    if (!s || !c.arrow)
+  }, [o]);
+  const M = B(() => {
+    if (!i || !c.arrow)
       return {};
-    const { x: t, y: n } = c.arrow, k = v.split("-")[0], L = Y[k] ?? "bottom";
+    const { x: t, y: s } = c.arrow, k = S.split("-")[0], L = Z[k] ?? "bottom";
     return {
       position: "absolute",
       left: t != null ? `${t}px` : void 0,
-      top: n != null ? `${n}px` : void 0,
+      top: s != null ? `${s}px` : void 0,
       right: "",
       bottom: "",
       [L]: "-4px"
     };
-  }, [s, c.arrow, v]), _ = P(
+  }, [i, c.arrow, S]), _ = G(
     (t) => {
-      S.current = t, i.setFloating(t);
+      x.current = t, n.setFloating(t);
     },
-    [i]
-  ), g = (t, n) => /* @__PURE__ */ r(
+    [n]
+  ), v = (t, s) => /* @__PURE__ */ r(
     "div",
     {
       ref: _,
@@ -92,21 +92,21 @@ const W = {
         zIndex: t,
         ...I
       },
-      className: m(e.component, h),
-      children: /* @__PURE__ */ $(
+      className: m(e.component, O),
+      children: /* @__PURE__ */ P(
         "div",
         {
           "data-test-id": C,
-          className: m(e.inner, O),
-          style: n,
+          className: m(e.inner, h),
+          style: s,
           children: [
-            f,
-            s && /* @__PURE__ */ r(
+            R,
+            i && /* @__PURE__ */ r(
               "div",
               {
-                ref: x,
+                ref: p,
                 style: M,
-                className: m(e.arrow, T)
+                className: m(e.arrow, E)
               }
             )
           ]
@@ -114,18 +114,18 @@ const W = {
       )
     }
   );
-  return /* @__PURE__ */ r(Q, { value: w, children: (t) => /* @__PURE__ */ r(J, { getPortalContainer: A, children: b ? /* @__PURE__ */ r(
-    H,
+  return /* @__PURE__ */ r(K, { value: w, children: (t) => /* @__PURE__ */ r(J, { getPortalContainer: A, children: b ? /* @__PURE__ */ r(
+    Y,
     {
       unmountOnExit: !0,
       classNames: X,
-      ...u,
-      in: p,
-      nodeRef: S,
-      children: g(t, { transitionDuration: F })
+      ...f,
+      in: u,
+      nodeRef: x,
+      children: v(t, { transitionDuration: F })
     }
-  ) : p && g(t) }) });
+  ) : u && v(t) }) });
 };
 export {
-  lt as Popover
+  ct as Popover
 };

package/dist/radio/component.js

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { forwardRef as x, useRef as y } from "react";
-import j from "react-merge-refs";
-import w from "classnames";
+import x from "classnames";
+import { forwardRef as y, useRef as j } from "react";
+import w from "react-merge-refs";
 import { useFocus as C } from "../hooks/useFocus/index.js";
 import e from "./index.module.css.js";
-const E = x(
+const E = y(
   ({
     onChange: r,
     className: d,
@@ -20,7 +20,7 @@ const E = x(
     block: N,
     ...b
   }, R) => {
-    const t = y(null), [k] = C(t, "keyboard"), g = (m) => {
+    const t = j(null), [k] = C(t, "keyboard"), g = (m) => {
       r && r(m, { checked: m.target.checked, name: a });
     };
     return (
@@ -28,13 +28,13 @@ const E = x(
       /* @__PURE__ */ i(
         "label",
         {
-          className: w(e.container, e[h], e[u], d, {
+          className: x(e.container, e[h], e[u], d, {
             [e.disabled]: c,
             [e.checked]: o,
             [e.focused]: k,
             [e.block]: N
           }),
-          ref: j([t, R]),
+          ref: w([t, R]),
           children: [
             /* @__PURE__ */ s(
               "input",

package/dist/radio-groups/component.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type Child = {
     id: number;
     title: string;
@@ -15,5 +14,5 @@ export interface RadioGroupsProps {
     collapsable?: boolean;
     onChange: (value: number) => void;
 }
-export declare const RadioGroups: ({ parents, childs, selected, collapsable, onChange, }: RadioGroupsProps) => React.JSX.Element;
+export declare const RadioGroups: ({ parents, childs, selected, collapsable, onChange, }: RadioGroupsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/radio-groups/component.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import g, { useState as x } from "react";
-import v from "@alphakits/icons/dist/ChevronDownS";
-import y from "classnames";
+import g from "@alphakits/icons/dist/ChevronDownS";
+import x from "classnames";
+import v, { useState as y } from "react";
 import { Collapse as b } from "../collapse/component.js";
 import { Divider as w } from "../divider/component.js";
 import { FlexColumns as _ } from "../flex-columns/component.js";
@@ -28,11 +28,11 @@ const P = ({
       e.locationId === o.id && (r.parent = o, r.childs.push(e));
     }), r.parent.id && n.push(r);
   });
-  const [l, u] = x(n), C = (o) => {
+  const [l, u] = y(n), C = (o) => {
     const r = l.map((i, a) => (a === o && (i.collapsed ? i.collapsed = !1 : i.collapsed = !0), i)), e = l.concat(r);
     u(e.filter((i, a) => e.indexOf(i) === a));
   };
-  return /* @__PURE__ */ t("div", { children: l.map((o, r) => /* @__PURE__ */ c(g.Fragment, { children: [
+  return /* @__PURE__ */ t("div", { children: l.map((o, r) => /* @__PURE__ */ c(v.Fragment, { children: [
     /* @__PURE__ */ c("div", { className: s.list_head, children: [
       /* @__PURE__ */ t(S.Text, { view: "title", color: "primary", weight: "medium", children: o.parent.title }),
       f && /* @__PURE__ */ t(
@@ -40,8 +40,10 @@ const P = ({
         {
           onClick: () => C(r),
           size: "s",
-          className: y(s.collapse_btn, { [s.collapse_btn_collapsed]: o.collapsed }),
-          icon: v
+          className: x(s.collapse_btn, {
+            [s.collapse_btn_collapsed]: o.collapsed
+          }),
+          icon: g
         }
       )
     ] }),

package/dist/select/component.d.ts

@@ -1,12 +1,11 @@
-import { default as React } from 'react';
 import { FormControlProps } from '../form-control';
 import { BaseSelectProps } from './typings';
 export type SelectProps = Omit<BaseSelectProps, 'fieldProps'> & {
     fieldProps?: FormControlProps & Record<string, unknown>;
     showSearch?: boolean;
 };
-export declare const Select: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "fieldProps"> & {
-    fieldProps?: (React.HTMLAttributes<HTMLDivElement> & {
+export declare const Select: import('react').ForwardRefExoticComponent<Omit<BaseSelectProps, "fieldProps"> & {
+    fieldProps?: (import('react').HTMLAttributes<HTMLDivElement> & {
         block?: boolean | undefined;
         size?: "s" | "xs" | "m" | "l" | "xl" | undefined;
         disabled?: boolean | undefined;
@@ -15,16 +14,16 @@ export declare const Select: React.ForwardRefExoticComponent<Omit<BaseSelectProp
         error?: string | boolean | undefined;
         hint?: string | undefined;
         required?: boolean | undefined;
-        label?: React.ReactNode;
-        leftAddons?: React.ReactNode;
-        rightAddons?: React.ReactNode;
-        bottomAddons?: React.ReactNode;
+        label?: import('react').ReactNode;
+        leftAddons?: import('react').ReactNode;
+        rightAddons?: import('react').ReactNode;
+        bottomAddons?: import('react').ReactNode;
         className?: string | undefined;
         fieldClassName?: string | undefined;
         labelClassName?: string | undefined;
         addonsClassName?: string | undefined;
         dataTestId?: string | undefined;
-        children?: React.ReactNode;
+        children?: import('react').ReactNode;
     } & Record<string, unknown>) | undefined;
     showSearch?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/select/component.js

@@ -8,15 +8,7 @@ import { Option as l } from "./components/option/component.js";
 import { OptionsList as c } from "./components/options-list/component.js";
 import { SelectSearch as w } from "./components/select-search/index.js";
 const R = S(
-  ({
-    Arrow: r,
-    Field: t,
-    OptionsList: i,
-    Optgroup: p,
-    Option: m,
-    showSearch: s,
-    ...o
-  }, u) => o.options?.length > 8 || s ? /* @__PURE__ */ e(
+  ({ Arrow: r, Field: t, OptionsList: i, Optgroup: p, Option: m, showSearch: s, ...o }, u) => o.options?.length > 8 || s ? /* @__PURE__ */ e(
     w,
     {
       Option: m || l,

package/dist/select/components/arrow/component.d.ts

@@ -1,3 +1,2 @@
-import { default as React } from 'react';
 import { ArrowProps } from '../../typings';
-export declare const Arrow: ({ open, className }: ArrowProps) => React.JSX.Element;
+export declare const Arrow: ({ open, className }: ArrowProps) => import("react/jsx-runtime").JSX.Element;