@devslab/dds-react 0.21.1 → 0.22.0

package/dist/dropdown-menu.d.ts

@@ -0,0 +1,31 @@
+import { type ComponentProps } from "react";
+import { Menu as ArkMenu } from "@ark-ui/react/menu";
+export interface DropdownMenuProps extends Omit<ComponentProps<typeof ArkMenu.Root>, "onOpenChange" | "onSelect"> {
+    onOpenChange?: (open: boolean) => void;
+    onSelect?: (value: string) => void;
+    dir?: "ltr" | "rtl";
+}
+export interface DropdownMenuContentProps extends ComponentProps<typeof ArkMenu.Content> {
+    portal?: boolean;
+    portalMount?: HTMLElement;
+}
+declare function Root({ onOpenChange, onSelect, positioning, children, ...props }: DropdownMenuProps): import("react").JSX.Element;
+/** Item.onSelect is an action callback; Root callbacks expose DDS scalar values. */
+export declare const DropdownMenu: {
+    Root: typeof Root;
+    Trigger: import("react").ForwardRefExoticComponent<ArkMenu.TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<DropdownMenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<ArkMenu.ItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<ArkMenu.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<ArkMenu.ItemGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<ArkMenu.SeparatorProps & import("react").RefAttributes<HTMLHRElement>>;
+    CheckboxItem: import("react").ForwardRefExoticComponent<ArkMenu.CheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    RadioGroup: import("react").ForwardRefExoticComponent<ArkMenu.RadioItemGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").ForwardRefExoticComponent<ArkMenu.RadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    ItemText: import("react").ForwardRefExoticComponent<ArkMenu.ItemTextProps & import("react").RefAttributes<HTMLDivElement>>;
+    ItemIndicator: import("react").ForwardRefExoticComponent<ArkMenu.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Submenu: typeof Root;
+    SubmenuTrigger: import("react").ForwardRefExoticComponent<ArkMenu.TriggerItemProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export {};
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../src/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AACf,OAAO,EACL,IAAI,IAAI,OAAO,EAIhB,MAAM,oBAAoB,CAAC;AAG5B,MAAM,WAAW,iBACf,SAAQ,IAAI,CACV,cAAc,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,EACnC,cAAc,GAAG,UAAU,CAC5B;IACD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB;AACD,MAAM,WAAW,wBACf,SAAQ,cAAc,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,iBAAS,IAAI,CAAC,EACZ,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,+BAkCnB;AAwCD,oFAAoF;AACpF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;CAexB,CAAC"}

package/dist/dropdown-menu.js

@@ -0,0 +1,73 @@
+import { createContext as e, forwardRef as t, useContext as n, useEffect as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { Portal as o } from "@ark-ui/react/portal";
+import { Menu as s, useMenu as c, useMenuContext as l } from "@ark-ui/react/menu";
+//#region src/dropdown-menu.tsx
+var u = e(null);
+function d({ onOpenChange: e, onSelect: t, positioning: i, children: o, ...l }) {
+	let d = n(u), f = {
+		...l,
+		positioning: {
+			strategy: "fixed",
+			...i
+		},
+		onOpenChange: (t) => e?.(t.open),
+		onSelect: (e) => t?.(e.value)
+	}, p = c(f);
+	return r(() => {
+		let e = !0;
+		return queueMicrotask(() => {
+			!e || !d || (d.api.setChild(p.service), p.api.setParent(d.service));
+		}), () => {
+			e = !1;
+		};
+	}, [d?.service, p.service]), /* @__PURE__ */ a(u.Provider, {
+		value: p,
+		children: /* @__PURE__ */ a(s.RootProvider, {
+			...l,
+			value: p,
+			lazyMount: l.lazyMount,
+			unmountOnExit: l.unmountOnExit,
+			children: o
+		})
+	});
+}
+var f = t(function({ portal: e = !0, portalMount: t, className: n, children: c, ...u }, d) {
+	let f = l().getTriggerProps().id, [p, m] = i(null);
+	r(() => {
+		let e = f ? document.getElementById(f) : null;
+		m(t ?? e?.closest("[role=\"dialog\"], [role=\"alertdialog\"]") ?? document.body);
+	}, [t, f]);
+	let h = /* @__PURE__ */ a(s.Positioner, {
+		className: "dds-menu-positioner",
+		children: /* @__PURE__ */ a(s.Content, {
+			...u,
+			ref: d,
+			className: ["dds-menu", n].filter(Boolean).join(" "),
+			children: c
+		})
+	});
+	return e ? p ? /* @__PURE__ */ a(o, {
+		container: { current: p },
+		children: h
+	}) : null : h;
+}), p = {
+	Root: d,
+	Trigger: s.Trigger,
+	Content: f,
+	Item: s.Item,
+	Group: s.ItemGroup,
+	Label: s.ItemGroupLabel,
+	Separator: s.Separator,
+	CheckboxItem: s.CheckboxItem,
+	RadioGroup: s.RadioItemGroup,
+	RadioItem: s.RadioItem,
+	ItemText: s.ItemText,
+	ItemIndicator: s.ItemIndicator,
+	Submenu: d,
+	SubmenuTrigger: s.TriggerItem
+};
+//#endregion
+export { p as DropdownMenu };
+
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../src/dropdown-menu.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  forwardRef,\n  useEffect,\n  useState,\n  type ComponentProps,\n} from \"react\";\nimport {\n  Menu as ArkMenu,\n  useMenu,\n  useMenuContext,\n  type UseMenuReturn,\n} from \"@ark-ui/react/menu\";\nimport { Portal } from \"@ark-ui/react/portal\";\n\nexport interface DropdownMenuProps\n  extends Omit<\n    ComponentProps<typeof ArkMenu.Root>,\n    \"onOpenChange\" | \"onSelect\"\n  > {\n  onOpenChange?: (open: boolean) => void;\n  onSelect?: (value: string) => void;\n  dir?: \"ltr\" | \"rtl\";\n}\nexport interface DropdownMenuContentProps\n  extends ComponentProps<typeof ArkMenu.Content> {\n  portal?: boolean;\n  portalMount?: HTMLElement;\n}\nconst MenuTree = createContext<UseMenuReturn | null>(null);\nfunction Root({\n  onOpenChange,\n  onSelect,\n  positioning,\n  children,\n  ...props\n}: DropdownMenuProps) {\n  const parent = useContext(MenuTree);\n  const options = {\n    ...props,\n    positioning: { strategy: \"fixed\" as const, ...positioning },\n    onOpenChange: (event: { open: boolean }) => onOpenChange?.(event.open),\n    onSelect: (event: { value: string }) => onSelect?.(event.value),\n  };\n  const menu = useMenu(options);\n  useEffect(() => {\n    // Register after every machine mount, including StrictMode's effect replay.\n    // Ark's once-only registration can precede the parent's machine restart.\n    let active = true;\n    queueMicrotask(() => {\n      if (!active || !parent) return;\n      parent.api.setChild(menu.service);\n      menu.api.setParent(parent.service);\n    });\n    return () => {\n      active = false;\n    };\n  }, [parent?.service, menu.service]);\n  return (\n    <MenuTree.Provider value={menu}>\n      <ArkMenu.RootProvider\n        {...props}\n        value={menu}\n        lazyMount={props.lazyMount}\n        unmountOnExit={props.unmountOnExit}\n      >\n        {children}\n      </ArkMenu.RootProvider>\n    </MenuTree.Provider>\n  );\n}\nconst Content = forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  function Content(\n    { portal = true, portalMount, className, children, ...props },\n    ref,\n  ) {\n    const api = useMenuContext();\n    const triggerId = api.getTriggerProps().id;\n    const [mount, setMount] = useState<HTMLElement | null>(null);\n    useEffect(() => {\n      // Keep nested overlays inside the modal isolation subtree.\n      const trigger = triggerId ? document.getElementById(triggerId) : null;\n      setMount(\n        portalMount ??\n          trigger?.closest<HTMLElement>(\n            '[role=\"dialog\"], [role=\"alertdialog\"]',\n          ) ??\n          document.body,\n      );\n    }, [portalMount, triggerId]);\n    const content = (\n      <ArkMenu.Positioner className=\"dds-menu-positioner\">\n        <ArkMenu.Content\n          {...props}\n          ref={ref}\n          className={[\"dds-menu\", className].filter(Boolean).join(\" \")}\n        >\n          {children}\n        </ArkMenu.Content>\n      </ArkMenu.Positioner>\n    );\n    return portal ? (\n      mount ? (\n        <Portal container={{ current: mount }}>{content}</Portal>\n      ) : null\n    ) : (\n      content\n    );\n  },\n);\n/** Item.onSelect is an action callback; Root callbacks expose DDS scalar values. */\nexport const DropdownMenu = {\n  Root,\n  Trigger: ArkMenu.Trigger,\n  Content,\n  Item: ArkMenu.Item,\n  Group: ArkMenu.ItemGroup,\n  Label: ArkMenu.ItemGroupLabel,\n  Separator: ArkMenu.Separator,\n  CheckboxItem: ArkMenu.CheckboxItem,\n  RadioGroup: ArkMenu.RadioItemGroup,\n  RadioItem: ArkMenu.RadioItem,\n  ItemText: ArkMenu.ItemText,\n  ItemIndicator: ArkMenu.ItemIndicator,\n  Submenu: Root,\n  SubmenuTrigger: ArkMenu.TriggerItem,\n};\n"],"mappings":";;;;;AA8BA,IAAM,IAAW,EAAoC,IAAI;AACzD,SAAS,EAAK,EACZ,iBACA,aACA,gBACA,aACA,GAAG,KACiB;CACpB,IAAM,IAAS,EAAW,CAAQ,GAC5B,IAAU;EACd,GAAG;EACH,aAAa;GAAE,UAAU;GAAkB,GAAG;EAAY;EAC1D,eAAe,MAA6B,IAAe,EAAM,IAAI;EACrE,WAAW,MAA6B,IAAW,EAAM,KAAK;CAChE,GACM,IAAO,EAAQ,CAAO;CAc5B,OAbA,QAAgB;EAGd,IAAI,IAAS;EAMb,OALA,qBAAqB;GACf,CAAC,KAAU,CAAC,MAChB,EAAO,IAAI,SAAS,EAAK,OAAO,GAChC,EAAK,IAAI,UAAU,EAAO,OAAO;EACnC,CAAC,SACY;GACX,IAAS;EACX;CACF,GAAG,CAAC,GAAQ,SAAS,EAAK,OAAO,CAAC,GAEhC,kBAAC,EAAS,UAAV;EAAmB,OAAO;EACxB,UAAA,kBAAC,EAAQ,cAAT;GACE,GAAI;GACJ,OAAO;GACP,WAAW,EAAM;GACjB,eAAe,EAAM;GAEpB;EACmB,CAAA;CACL,CAAA;AAEvB;AACA,IAAM,IAAU,EACd,SACE,EAAE,YAAS,IAAM,gBAAa,cAAW,aAAU,GAAG,KACtD,GACA;CAEA,IAAM,IADM,EACM,CAAA,CAAI,gBAAgB,CAAC,CAAC,IAClC,CAAC,GAAO,KAAY,EAA6B,IAAI;CAC3D,QAAgB;EAEd,IAAM,IAAU,IAAY,SAAS,eAAe,CAAS,IAAI;EACjE,EACE,KACE,GAAS,QACP,2CACF,KACA,SAAS,IACb;CACF,GAAG,CAAC,GAAa,CAAS,CAAC;CAC3B,IAAM,IACJ,kBAAC,EAAQ,YAAT;EAAoB,WAAU;EAC5B,UAAA,kBAAC,EAAQ,SAAT;GACE,GAAI;GACC;GACL,WAAW,CAAC,YAAY,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;GAE1D;EACc,CAAA;CACC,CAAA;CAEtB,OAAO,IACL,IACE,kBAAC,GAAD;EAAQ,WAAW,EAAE,SAAS,EAAM;EAAI,UAAA;CAAgB,CAAA,IACtD,OAEJ;AAEJ,CACF,GAEa,IAAe;CAC1B;CACA,SAAS,EAAQ;CACjB;CACA,MAAM,EAAQ;CACd,OAAO,EAAQ;CACf,OAAO,EAAQ;CACf,WAAW,EAAQ;CACnB,cAAc,EAAQ;CACtB,YAAY,EAAQ;CACpB,WAAW,EAAQ;CACnB,UAAU,EAAQ;CAClB,eAAe,EAAQ;CACvB,SAAS;CACT,gBAAgB,EAAQ;AAC1B"}

package/dist/index.d.ts

@@ -15,4 +15,10 @@ export { Toast as ArkToast } from "@ark-ui/react/toast";
 export * from "./date-picker";
 export { DatePicker as ArkDatePicker } from "@ark-ui/react/date-picker";
 export * from "./status-pill";
+export * from "./input";
+export * from "./combobox";
+export * from "./select-picker";
+export * from "./dropdown-menu";
+export * from "./popover";
+export * from "./calendar";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAExD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAExE,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAExD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAExE,cAAc,eAAe,CAAC;AAE9B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}