@hanzogui/toggle-group 7.0.0 → 7.3.0

package/dist/jsx/Toggle.mjs

@@ -0,0 +1,113 @@
+import { composeEventHandlers } from "@hanzogui/helpers";
+import { useControllableState } from "@hanzogui/use-controllable-state";
+import { styled, View } from "@hanzogui/web";
+import * as React from "react";
+import { context } from "./context.mjs";
+import { jsx } from "react/jsx-runtime";
+const NAME = "Toggle";
+const ToggleFrame = styled(View, {
+  name: NAME,
+  render: "button",
+  context,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        alignItems: "center",
+        justifyContent: "center",
+        display: "flex",
+        backgroundColor: "$background",
+        borderColor: "$borderColor",
+        borderWidth: 1,
+        margin: -1,
+        hoverStyle: {
+          backgroundColor: "$backgroundHover",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "$backgroundPress",
+          borderColor: "$borderColorPress"
+        },
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineWidth: 2,
+          outlineStyle: "solid",
+          zIndex: 10
+        }
+      }
+    },
+    size: {
+      "...size": (val, {
+        tokens
+      }) => {
+        if (!val) return;
+        return {
+          width: tokens.size[val],
+          height: tokens.size[val]
+        };
+      },
+      ":number": val => ({
+        width: val,
+        height: val
+      })
+    },
+    defaultActiveStyle: {
+      true: {
+        backgroundColor: "$backgroundActive",
+        hoverStyle: {
+          backgroundColor: "$backgroundActive"
+        },
+        focusStyle: {
+          backgroundColor: "$backgroundActive"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
+const Toggle = React.forwardRef(function Toggle2(props, forwardedRef) {
+  const {
+    active: activeProp,
+    activeStyle,
+    defaultActive = false,
+    onActiveChange,
+    activeTheme,
+    unstyled = false,
+    ...buttonProps
+  } = props;
+  const [active = false, setActive] = useControllableState({
+    prop: activeProp,
+    onChange: onActiveChange,
+    defaultProp: defaultActive
+  });
+  return /* @__PURE__ */jsx(ToggleFrame, {
+    theme: activeTheme ?? null,
+    "aria-pressed": active,
+    "data-state": active ? "on" : "off",
+    "data-disabled": props.disabled ? "" : void 0,
+    unstyled,
+    ...(active && !activeStyle && !unstyled && {
+      defaultActiveStyle: true
+    }),
+    ...(active && activeStyle && {
+      ...activeStyle,
+      hoverStyle: activeStyle,
+      focusStyle: activeStyle
+    }),
+    ...buttonProps,
+    ref: forwardedRef,
+    onPress: composeEventHandlers(props.onPress ?? void 0, () => {
+      if (!props.disabled) {
+        setActive(prev => !prev);
+      }
+    })
+  });
+});
+export { Toggle, ToggleFrame };
+//# sourceMappingURL=Toggle.mjs.map

package/dist/jsx/Toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["composeEventHandlers","useControllableState","styled","View","React","context","jsx","NAME","ToggleFrame","name","render","variants","unstyled","false","size","alignItems","justifyContent","display","backgroundColor","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","...size","val","tokens","width","height","defaultActiveStyle","true","focusStyle","defaultVariants","process","env","GUI_HEADLESS","accept","activeStyle","Toggle","forwardRef","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","prop","onChange","defaultProp","theme","disabled","ref","onPress","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Toggle.native.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Toggle_exports = {};
+__export(Toggle_exports, {
+  Toggle: () => Toggle,
+  ToggleFrame: () => ToggleFrame
+});
+module.exports = __toCommonJS(Toggle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_helpers = require("@hanzogui/helpers");
+var import_use_controllable_state = require("@hanzogui/use-controllable-state");
+var import_web = require("@hanzogui/web");
+var React = __toESM(require("react"), 1);
+var import_context = require("./context.native.js");
+var NAME = "Toggle";
+var ToggleFrame = (0, import_web.styled)(import_web.View, {
+  name: NAME,
+  render: "button",
+  context: import_context.context,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        alignItems: "center",
+        justifyContent: "center",
+        display: "flex",
+        backgroundColor: "$background",
+        borderColor: "$borderColor",
+        borderWidth: 1,
+        margin: -1,
+        hoverStyle: {
+          backgroundColor: "$backgroundHover",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "$backgroundPress",
+          borderColor: "$borderColorPress"
+        },
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineWidth: 2,
+          outlineStyle: "solid",
+          zIndex: 10
+        }
+      }
+    },
+    size: {
+      "...size": function (val, param) {
+        var {
+          tokens
+        } = param;
+        if (!val) return;
+        return {
+          width: tokens.size[val],
+          height: tokens.size[val]
+        };
+      },
+      ":number": function (val) {
+        return {
+          width: val,
+          height: val
+        };
+      }
+    },
+    defaultActiveStyle: {
+      true: {
+        backgroundColor: "$backgroundActive",
+        hoverStyle: {
+          backgroundColor: "$backgroundActive"
+        },
+        focusStyle: {
+          backgroundColor: "$backgroundActive"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
+var Toggle = /* @__PURE__ */React.forwardRef(function Toggle2(props, forwardedRef) {
+  var {
+    active: activeProp,
+    activeStyle,
+    defaultActive = false,
+    onActiveChange,
+    activeTheme,
+    unstyled = false,
+    ...buttonProps
+  } = props;
+  var [active = false, setActive] = (0, import_use_controllable_state.useControllableState)({
+    prop: activeProp,
+    onChange: onActiveChange,
+    defaultProp: defaultActive
+  });
+  var _props_onPress;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleFrame, {
+    theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,
+    "aria-pressed": active,
+    "data-state": active ? "on" : "off",
+    "data-disabled": props.disabled ? "" : void 0,
+    unstyled,
+    ...(active && !activeStyle && !unstyled && {
+      defaultActiveStyle: true
+    }),
+    ...(active && activeStyle && {
+      ...activeStyle,
+      hoverStyle: activeStyle,
+      focusStyle: activeStyle
+    }),
+    ...buttonProps,
+    ref: forwardedRef,
+    onPress: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
+      if (!props.disabled) {
+        setActive(function (prev) {
+          return !prev;
+        });
+      }
+    })
+  });
+});
+//# sourceMappingURL=Toggle.native.js.map

package/dist/jsx/Toggle.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Toggle_exports","Toggle","ToggleFrame","module","exports","import_jsx_runtime","require","import_helpers","import_use_controllable_state","import_web","React","import_context","NAME","styled","View","render","context","variants","unstyled","false","size","alignItems","justifyContent","display","backgroundColor","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","...size","val","param","tokens","width","height",":number","defaultActiveStyle","true","focusStyle","defaultVariants","process","env","GUI_HEADLESS","accept","activeStyle","forwardRef","Toggle2","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","useControllableState","prop","onChange","defaultProp","_props_onPress","jsx","theme"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/ToggleGroup.mjs

@@ -0,0 +1,209 @@
+import { isWeb } from "@hanzogui/constants";
+import { registerFocusable } from "@hanzogui/focusable";
+import { withStaticProperties } from "@hanzogui/helpers";
+import { RovingFocusGroup } from "@hanzogui/roving-focus";
+import { useControllableState } from "@hanzogui/use-controllable-state";
+import { useDirection } from "@hanzogui/use-direction";
+import { createStyledContext, styled, View } from "@hanzogui/web";
+import React from "react";
+import { Toggle, ToggleFrame } from "./Toggle.mjs";
+import { context as ToggleContext } from "./context.mjs";
+import { jsx } from "react/jsx-runtime";
+const TOGGLE_GROUP_NAME = "ToggleGroup";
+const TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
+const TOGGLE_GROUP_CONTEXT = "ToggleGroup";
+const {
+  Provider: ToggleGroupItemProvider
+} = createStyledContext();
+const {
+  Provider: ToggleGroupContext,
+  useStyledContext: useToggleGroupContext
+} = createStyledContext({});
+const ToggleGroupItem = ToggleFrame.styleable((props, forwardedRef) => {
+  const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
+  const context = useToggleGroupContext(props.__scopeToggleGroup);
+  const toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup);
+  const active = valueContext?.value.includes(props.value);
+  const color = props.color || toggleContext.color;
+  const disabled = context.disabled || props.disabled || false;
+  const inner = /* @__PURE__ */jsx(ToggleGroupItemImpl, {
+    ref: forwardedRef,
+    tabIndex: disabled ? -1 : 0,
+    ...props,
+    active,
+    disabled
+  });
+  return /* @__PURE__ */jsx(ToggleGroupItemProvider, {
+    scope: props.__scopeToggleGroup,
+    children: /* @__PURE__ */jsx(ToggleContext.Provider, {
+      color,
+      active,
+      children: context.rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup.Item, {
+        asChild: "except-style",
+        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
+        focusable: !disabled,
+        active,
+        children: inner
+      }) : inner
+    })
+  });
+});
+ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
+const ToggleGroupItemImpl = React.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeToggleGroup,
+    value,
+    ...itemProps
+  } = props;
+  const valueContext = useToggleGroupValueContext(__scopeToggleGroup);
+  const singleProps = {
+    "aria-pressed": void 0
+  };
+  const typeProps = valueContext.type === "single" ? singleProps : void 0;
+  return /* @__PURE__ */jsx(Toggle, {
+    ...typeProps,
+    ...itemProps,
+    ref: forwardedRef,
+    onActiveChange: pressed => {
+      if (pressed) {
+        valueContext.onItemActivate(value);
+      } else {
+        valueContext.onItemDeactivate(value);
+      }
+    }
+  });
+});
+const ToggleGroup = withStaticProperties(React.forwardRef((props, forwardedRef) => {
+  const {
+    type,
+    ...toggleGroupProps
+  } = props;
+  if (!isWeb) {
+    React.useEffect(() => {
+      if (!props.id) return;
+      return registerFocusable(props.id, {
+        focus: () => {}
+      });
+    }, [props.id]);
+  }
+  if (type === "single") {
+    const singleProps = toggleGroupProps;
+    return /* @__PURE__ */jsx(ToggleGroupImplSingle, {
+      ...singleProps,
+      ref: forwardedRef
+    });
+  }
+  if (type === "multiple") {
+    const multipleProps = toggleGroupProps;
+    return /* @__PURE__ */jsx(ToggleGroupImplMultiple, {
+      ...multipleProps,
+      ref: forwardedRef
+    });
+  }
+  throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
+}), {
+  Item: ToggleGroupItem
+});
+ToggleGroup.displayName = TOGGLE_GROUP_NAME;
+const {
+  Provider: ToggleGroupValueProvider,
+  useStyledContext: useToggleGroupValueContext
+} = createStyledContext();
+const ToggleGroupImplSingle = React.forwardRef((props, forwardedRef) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {},
+    disableDeactivation = false,
+    children,
+    ...toggleGroupSingleProps
+  } = props;
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  return /* @__PURE__ */jsx(ToggleGroupValueProvider, {
+    scope: props.__scopeToggleGroup,
+    type: "single",
+    value: value ? [value] : [],
+    defaultValue: value,
+    onItemActivate: setValue,
+    onItemDeactivate: React.useCallback(() => disableDeactivation ? null : setValue(""), [setValue, disableDeactivation]),
+    children: /* @__PURE__ */jsx(ToggleGroupImpl, {
+      ...toggleGroupSingleProps,
+      ref: forwardedRef,
+      children
+    })
+  });
+});
+const ToggleGroupImplMultiple = React.forwardRef((props, forwardedRef) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {},
+    disableDeactivation,
+    children,
+    ...toggleGroupMultipleProps
+  } = props;
+  const [value = [], setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const handleButtonActivate = React.useCallback(itemValue => setValue((prevValue = []) => [...prevValue, itemValue]), [setValue]);
+  const handleButtonDeactivate = React.useCallback(itemValue => setValue((prevValue = []) => prevValue.filter(value2 => value2 !== itemValue)), [setValue]);
+  return /* @__PURE__ */jsx(ToggleGroupValueProvider, {
+    scope: props.__scopeToggleGroup,
+    type: "multiple",
+    value,
+    defaultValue: value,
+    onItemActivate: handleButtonActivate,
+    onItemDeactivate: handleButtonDeactivate,
+    children: /* @__PURE__ */jsx(ToggleGroupImpl, {
+      ...toggleGroupMultipleProps,
+      ref: forwardedRef,
+      children
+    })
+  });
+});
+const ToggleGroupFrame = styled(View, {
+  name: TOGGLE_GROUP_NAME
+});
+const ToggleGroupImpl = ToggleGroupFrame.styleable((props, forwardedRef) => {
+  const {
+    __scopeToggleGroup,
+    disabled = false,
+    orientation = "horizontal",
+    dir,
+    rovingFocus = true,
+    loop = true,
+    color,
+    ...toggleGroupProps
+  } = props;
+  const direction = useDirection(dir);
+  const content = /* @__PURE__ */jsx(ToggleGroupFrame, {
+    role: "group",
+    ref: forwardedRef,
+    "data-disabled": disabled ? "" : void 0,
+    ...toggleGroupProps
+  });
+  return /* @__PURE__ */jsx(ToggleGroupContext, {
+    scope: __scopeToggleGroup,
+    rovingFocus,
+    disabled,
+    children: /* @__PURE__ */jsx(ToggleContext.Provider, {
+      color,
+      children: rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup, {
+        asChild: "except-style",
+        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
+        orientation,
+        dir: direction,
+        loop,
+        children: content
+      }) : content
+    })
+  });
+});
+export { ToggleGroup };
+//# sourceMappingURL=ToggleGroup.mjs.map

package/dist/jsx/ToggleGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["isWeb","registerFocusable","withStaticProperties","RovingFocusGroup","useControllableState","useDirection","createStyledContext","styled","View","React","Toggle","ToggleFrame","context","ToggleContext","jsx","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","styleable","props","forwardedRef","valueContext","useToggleGroupValueContext","__scopeToggleGroup","toggleContext","active","value","includes","color","disabled","inner","ToggleGroupItemImpl","ref","tabIndex","scope","children","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","forwardRef","itemProps","singleProps","typeProps","type","onActiveChange","pressed","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","filter","value2","ToggleGroupFrame","name","orientation","dir","loop","direction","content","role"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}