@kakadu/components 6.6.1 → 6.7.0

package/build/components/box.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import { type DefaultAtomElementType, type AtomElementType, type AtomProperties } from './atom';
-type BoxProperties<Type extends AtomElementType = DefaultAtomElementType> = AtomProperties<Type>;
+export type BoxProperties<Type extends AtomElementType = DefaultAtomElementType> = AtomProperties<Type>;
 export default function Box<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: BoxProperties<Type>): React.JSX.Element;
-export {};

package/build/components/select.d.ts

@@ -4,6 +4,8 @@ export type SelectOption<Type extends string = string> = {
     readonly value: Type;
     readonly label: ReactNode | string;
     readonly disabled?: boolean;
+} | {
+    type: 'separator';
 };
 export type SelectProperties<Type extends string = string> = Omit<InputLabelControllerProperties & HTMLProps<HTMLSelectElement>, 'onChange'> & {
     readonly options: Array<SelectOption<Type>>;

package/build/components/select.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../jsx-runtime-BB_1_6y_.js"),r=require("react"),S=require("@kuma-ui/core"),$=require("../icons/chevron-up.js"),p=require("./input.js");function B({label:h,options:I,error:l,warning:u,information:c,footnote:q,className:E,onChange:t,...d}){const o=r.useId(),m=`${o}-error`,x=`${o}-warning`,v=`${o}-information`,s=!!l,i=!s&&!!u,b=!s&&!i&&!!c,g=s?m:i?x:b?v:void 0,{value:n}=d,[k,f]=r.useState(""),y=n??k;r.useEffect(()=>{f(typeof n=="string"?n:"")},[n]);const R=r.useCallback(e=>{const{value:j}=e.target;f(j),t==null||t(j,e)},[t]);return a.jsxRuntimeExports.jsxs(p.InputLabel,{label:h,error:l,errorId:m,warning:u,warningId:x,information:c,informationId:v,footnote:q,children:[a.jsxRuntimeExports.jsx("select",{...d,value:y,"aria-invalid":s,"data-warning":i,"data-information":b,"aria-describedby":g,className:S.cx(p.inputStyles,"kakadu-components-1997515934",E),onChange:R,children:I.map(e=>a.jsxRuntimeExports.jsx("option",{value:e.value,disabled:e.disabled,children:e.label},e.value))}),a.jsxRuntimeExports.jsx($.default,{width:14,height:14,className:"kakadu-components-158931186"})]})}exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),o=require("react"),k=require("@kuma-ui/core"),S=require("../icons/chevron-up.js"),f=require("./input.js");function B({label:h,options:y,error:i,warning:c,information:d,footnote:E,className:I,onChange:s,...x}){const l=o.useId(),m=`${l}-error`,p=`${l}-warning`,j=`${l}-information`,a=!!i,u=!a&&!!c,v=!a&&!u&&!!d,q=a?m:u?p:v?j:void 0,{value:n}=x,[R,b]=o.useState(""),$=n??R;o.useEffect(()=>{b(typeof n=="string"?n:"")},[n]);const g=o.useCallback(e=>{const{value:r}=e.target;b(r),s==null||s(r,e)},[s]);return t.jsxRuntimeExports.jsxs(f.InputLabel,{label:h,error:i,errorId:m,warning:c,warningId:p,information:d,informationId:j,footnote:E,children:[t.jsxRuntimeExports.jsx("select",{...x,value:$,"aria-invalid":a,"data-warning":u,"data-information":v,"aria-describedby":q,className:k.cx(f.inputStyles,"kakadu-components-1997515934",I),onChange:g,children:y.map((e,r)=>"type"in e?e.type==="separator"?t.jsxRuntimeExports.jsx("hr",{},`separator-${r}`):null:t.jsxRuntimeExports.jsx("option",{value:e.value,disabled:e.disabled,children:e.label},e.value))}),t.jsxRuntimeExports.jsx(S.default,{width:14,height:14,className:"kakadu-components-158931186"})]})}exports.default=B;

package/build/components/select.mjs

@@ -1,34 +1,37 @@
-import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useId as S, useState as w, useEffect as E, useCallback as V } from "react";
-import { cx as $ } from "@kuma-ui/core";
+import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useId as S, useState as $, useEffect as w, useCallback as E } from "react";
+import { cx as V } from "@kuma-ui/core";
 import N from "../icons/chevron-up.mjs";
 import { InputLabel as L, inputStyles as R } from "./input.mjs";
 function D({
-  label: b,
-  options: h,
-  error: l,
-  warning: i,
-  information: c,
-  footnote: I,
-  className: j,
-  onChange: e,
-  ...d
+  label: h,
+  options: b,
+  error: i,
+  warning: c,
+  information: d,
+  footnote: j,
+  className: I,
+  onChange: t,
+  ...u
 }) {
-  const o = S(), u = `${o}-error`, m = `${o}-warning`, f = `${o}-information`, t = !!l, r = !t && !!i, p = !t && !r && !!c, k = t ? u : r ? m : p ? f : void 0, {
-    value: s
-  } = d, [g, v] = w(""), y = s ?? g;
-  E(() => {
-    v(typeof s == "string" ? s : "");
-  }, [s]);
-  const B = V((a) => {
+  const l = S(), m = `${l}-error`, f = `${l}-warning`, p = `${l}-information`, s = !!i, o = !s && !!c, v = !s && !o && !!d, y = s ? m : o ? f : v ? p : void 0, {
+    value: r
+  } = u, [k, x] = $(""), g = r ?? k;
+  w(() => {
+    x(typeof r == "string" ? r : "");
+  }, [r]);
+  const B = E((a) => {
     const {
-      value: x
+      value: n
     } = a.target;
-    v(x), e == null || e(x, a);
-  }, [e]);
-  return /* @__PURE__ */ n.jsxs(L, { label: b, error: l, errorId: u, warning: i, warningId: m, information: c, informationId: f, footnote: I, children: [
-    /* @__PURE__ */ n.jsx("select", { ...d, value: y, "aria-invalid": t, "data-warning": r, "data-information": p, "aria-describedby": k, className: $(R, "kakadu-components-1997515934", j), onChange: B, children: h.map((a) => /* @__PURE__ */ n.jsx("option", { value: a.value, disabled: a.disabled, children: a.label }, a.value)) }),
-    /* @__PURE__ */ n.jsx(N, { width: 14, height: 14, className: "kakadu-components-158931186" })
+    x(n), t == null || t(n, a);
+  }, [t]);
+  return /* @__PURE__ */ e.jsxs(L, { label: h, error: i, errorId: m, warning: c, warningId: f, information: d, informationId: p, footnote: j, children: [
+    /* @__PURE__ */ e.jsx("select", { ...u, value: g, "aria-invalid": s, "data-warning": o, "data-information": v, "aria-describedby": y, className: V(R, "kakadu-components-1997515934", I), onChange: B, children: b.map((a, n) => "type" in a ? a.type === "separator" ? (
+      // eslint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ e.jsx("hr", {}, `separator-${n}`)
+    ) : null : /* @__PURE__ */ e.jsx("option", { value: a.value, disabled: a.disabled, children: a.label }, a.value)) }),
+    /* @__PURE__ */ e.jsx(N, { width: 14, height: 14, className: "kakadu-components-158931186" })
   ] });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kakadu/components",
-  "version": "6.6.1",
+  "version": "6.7.0",
   "description": "Kakadu components library",
   "license": "MIT",
   "main": "./build/index.js",