@hanzogui/radio-group 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/RadioGroup.cjs

@@ -0,0 +1,132 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var RadioGroup_exports = {};
+__export(RadioGroup_exports, {
+  RadioGroupFrame: () => RadioGroupFrame,
+  RadioGroupIndicatorFrame: () => RadioGroupIndicatorFrame,
+  RadioGroupItemFrame: () => RadioGroupItemFrame
+});
+module.exports = __toCommonJS(RadioGroup_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  import_gui_get_token = require("@hanzo/gui-get-token"),
+  import_gui_stacks = require("@hanzo/gui-stacks");
+const RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
+  RadioGroupItemFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: RADIO_GROUP_ITEM_NAME,
+    render: "button",
+    variants: {
+      unstyled: {
+        false: {
+          size: "$true",
+          borderRadius: 1e3,
+          backgroundColor: "$background",
+          alignItems: "center",
+          justifyContent: "center",
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          padding: 0,
+          hoverStyle: {
+            borderColor: "$borderColorHover",
+            backgroundColor: "$backgroundHover"
+          },
+          focusStyle: {
+            borderColor: "$borderColorHover",
+            backgroundColor: "$backgroundHover"
+          },
+          focusVisibleStyle: {
+            outlineStyle: "solid",
+            outlineWidth: 2,
+            outlineColor: "$outlineColor"
+          },
+          pressStyle: {
+            borderColor: "$borderColorFocus",
+            backgroundColor: "$backgroundFocus"
+          }
+        }
+      },
+      disabled: {
+        true: {
+          pointerEvents: "none",
+          userSelect: "none",
+          cursor: "not-allowed",
+          hoverStyle: {
+            borderColor: "$borderColor",
+            backgroundColor: "$background"
+          },
+          pressStyle: {
+            borderColor: "$borderColor",
+            backgroundColor: "$background"
+          },
+          focusVisibleStyle: {
+            outlineWidth: 0
+          }
+        }
+      },
+      size: {
+        "...size": (value, {
+          props
+        }) => {
+          const size = Math.floor((0, import_gui_core.getVariableValue)((0, import_gui_get_token.getSize)(value)) * (props.scaleSize ?? 0.5));
+          return {
+            width: size,
+            height: size
+          };
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
+  RadioGroupIndicatorFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: RADIO_GROUP_INDICATOR_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          width: "33%",
+          height: "33%",
+          borderRadius: 1e3,
+          backgroundColor: "$color",
+          pressTheme: !0
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  RADIO_GROUP_NAME = "RadioGroup",
+  RadioGroupFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: RADIO_GROUP_NAME,
+    variants: {
+      orientation: {
+        horizontal: {
+          flexDirection: "row",
+          spaceDirection: "horizontal"
+        },
+        vertical: {
+          flexDirection: "column",
+          spaceDirection: "vertical"
+        }
+      }
+    }
+  });

package/dist/cjs/RadioGroup.native.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var RadioGroup_exports = {};
+__export(RadioGroup_exports, {
+  RadioGroupFrame: () => RadioGroupFrame,
+  RadioGroupIndicatorFrame: () => RadioGroupIndicatorFrame,
+  RadioGroupItemFrame: () => RadioGroupItemFrame
+});
+module.exports = __toCommonJS(RadioGroup_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  import_gui_get_token = require("@hanzo/gui-get-token"),
+  import_gui_stacks = require("@hanzo/gui-stacks"),
+  RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
+  RadioGroupItemFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: RADIO_GROUP_ITEM_NAME,
+    render: "button",
+    variants: {
+      unstyled: {
+        false: {
+          size: "$true",
+          borderRadius: 1e3,
+          backgroundColor: "$background",
+          alignItems: "center",
+          justifyContent: "center",
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          padding: 0,
+          hoverStyle: {
+            borderColor: "$borderColorHover",
+            backgroundColor: "$backgroundHover"
+          },
+          focusStyle: {
+            borderColor: "$borderColorHover",
+            backgroundColor: "$backgroundHover"
+          },
+          focusVisibleStyle: {
+            outlineStyle: "solid",
+            outlineWidth: 2,
+            outlineColor: "$outlineColor"
+          },
+          pressStyle: {
+            borderColor: "$borderColorFocus",
+            backgroundColor: "$backgroundFocus"
+          }
+        }
+      },
+      disabled: {
+        true: {
+          pointerEvents: "none",
+          userSelect: "none",
+          cursor: "not-allowed",
+          hoverStyle: {
+            borderColor: "$borderColor",
+            backgroundColor: "$background"
+          },
+          pressStyle: {
+            borderColor: "$borderColor",
+            backgroundColor: "$background"
+          },
+          focusVisibleStyle: {
+            outlineWidth: 0
+          }
+        }
+      },
+      size: {
+        "...size": function (value, param) {
+          var {
+              props
+            } = param,
+            _props_scaleSize,
+            size = Math.floor((0, import_gui_core.getVariableValue)((0, import_gui_get_token.getSize)(value)) * ((_props_scaleSize = props.scaleSize) !== null && _props_scaleSize !== void 0 ? _props_scaleSize : 0.5));
+          return {
+            width: size,
+            height: size
+          };
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
+  RadioGroupIndicatorFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: RADIO_GROUP_INDICATOR_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          width: "33%",
+          height: "33%",
+          borderRadius: 1e3,
+          backgroundColor: "$color",
+          pressTheme: !0
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  RADIO_GROUP_NAME = "RadioGroup",
+  RadioGroupFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: RADIO_GROUP_NAME,
+    variants: {
+      orientation: {
+        horizontal: {
+          flexDirection: "row",
+          spaceDirection: "horizontal"
+        },
+        vertical: {
+          flexDirection: "column",
+          spaceDirection: "vertical"
+        }
+      }
+    }
+  });
+//# sourceMappingURL=RadioGroup.native.js.map

package/dist/cjs/RadioGroup.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroup_exports","__export","RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","module","exports","import_gui_core","require","import_gui_get_token","import_gui_stacks","RADIO_GROUP_ITEM_NAME","styled","YStack","name","render","variants","unstyled","false","size","borderRadius","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","padding","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","disabled","true","pointerEvents","userSelect","cursor","...size","param","props","_props_scaleSize","Math","floor","getVariableValue","getSize","scaleSize","width","height","defaultVariants","process","env","HANZO_GUI_HEADLESS","RADIO_GROUP_INDICATOR_NAME","pressTheme","RADIO_GROUP_NAME","orientation","horizontal","flexDirection","spaceDirection","vertical"],"sources":["../../src/RadioGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/RadioGroupStyledContext.cjs

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var RadioGroupStyledContext_exports = {};
+__export(RadioGroupStyledContext_exports, {
+  RadioGroupStyledContext: () => RadioGroupStyledContext
+});
+module.exports = __toCommonJS(RadioGroupStyledContext_exports);
+var import_gui_core = require("@hanzo/gui-core");
+const RadioGroupStyledContext = (0, import_gui_core.createStyledContext)({
+  size: "$true",
+  scaleIcon: 1
+}, "RadioGroup");

package/dist/cjs/RadioGroupStyledContext.native.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var RadioGroupStyledContext_exports = {};
+__export(RadioGroupStyledContext_exports, {
+  RadioGroupStyledContext: () => RadioGroupStyledContext
+});
+module.exports = __toCommonJS(RadioGroupStyledContext_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  RadioGroupStyledContext = (0, import_gui_core.createStyledContext)({
+    size: "$true",
+    scaleIcon: 1
+  }, "RadioGroup");
+//# sourceMappingURL=RadioGroupStyledContext.native.js.map

package/dist/cjs/RadioGroupStyledContext.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupStyledContext_exports","__export","RadioGroupStyledContext","module","exports","import_gui_core","require","createStyledContext","size","scaleIcon"],"sources":["../../src/RadioGroupStyledContext.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,+BAAA;AAAAC,QAAA,CAAAD,+BAAA;EAAAE,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAoC,CAAAK,+BAAA;AAE7B,IAAAK,eAAM,GAAAC,OAAA,kBAA0B;EAAAJ,uBAAA,OAAAG,eAAA,CAAAE,mBAAA;IACrCC,IAAA;IAAAC,SACQ;EAAA,eACK","ignoreList":[]}

package/dist/cjs/createRadioGroup.cjs

@@ -0,0 +1,165 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var createRadioGroup_exports = {};
+__export(createRadioGroup_exports, {
+  createRadioGroup: () => createRadioGroup
+});
+module.exports = __toCommonJS(createRadioGroup_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  import_gui_radio_headless = require("@hanzo/gui-radio-headless"),
+  import_gui_roving_focus = require("@hanzo/gui-roving-focus"),
+  import_react = __toESM(require("react"), 1),
+  import_RadioGroup = require("./RadioGroup.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const ensureContext = x => {
+    x.context || (x.context = RadioGroupContext);
+  },
+  RadioGroupContext = import_react.default.createContext({}),
+  RadioGroupItemContext = import_react.default.createContext({
+    checked: !1,
+    disabled: !1
+  });
+function createRadioGroup(createProps) {
+  const {
+    disableActiveTheme,
+    Frame = import_RadioGroup.RadioGroupFrame,
+    Indicator = import_RadioGroup.RadioGroupIndicatorFrame,
+    Item = import_RadioGroup.RadioGroupItemFrame
+  } = createProps;
+  ensureContext(Frame), ensureContext(Indicator), ensureContext(Item);
+  const RadioGroupImp = Frame.styleable((props, ref) => {
+      const {
+          value,
+          defaultValue,
+          onValueChange,
+          required = !1,
+          disabled = !1,
+          name,
+          native,
+          accentColor,
+          orientation = "vertical",
+          ...rest
+        } = props,
+        {
+          providerValue,
+          frameAttrs,
+          rovingFocusGroupAttrs
+        } = (0, import_gui_radio_headless.useRadioGroup)({
+          orientation,
+          name,
+          defaultValue,
+          value,
+          onValueChange,
+          required,
+          disabled,
+          native,
+          accentColor
+        });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {
+        value: providerValue,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_roving_focus.RovingFocusGroup, {
+          ...rovingFocusGroupAttrs,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RadioGroup.RadioGroupFrame, {
+            ...frameAttrs,
+            ref,
+            ...rest
+          })
+        })
+      });
+    }),
+    RadioGroupItemImp = Item.styleable((props, ref) => {
+      const {
+          value,
+          labelledBy,
+          onPress,
+          onKeyDown,
+          disabled,
+          id,
+          ...rest
+        } = props,
+        {
+          providerValue,
+          bubbleInput,
+          rovingFocusGroupAttrs,
+          frameAttrs,
+          isFormControl,
+          native
+        } = (0, import_gui_radio_headless.useRadioGroupItem)({
+          radioGroupContext: RadioGroupContext,
+          value,
+          id,
+          labelledBy,
+          disabled,
+          onPress,
+          onKeyDown
+        });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
+        value: providerValue,
+        children: import_gui_core.isWeb && native ? bubbleInput : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_roving_focus.RovingFocusGroup.Item, {
+            ...rovingFocusGroupAttrs,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RadioGroup.RadioGroupItemFrame, {
+              ...frameAttrs,
+              ref,
+              ...rest
+            })
+          }), isFormControl && bubbleInput]
+        })
+      });
+    });
+  RadioGroupItemImp.displayName = "RadioGroupItem";
+  const RadioIndicator = Indicator.styleable((props, forwardedRef) => {
+    const {
+        forceMount,
+        disabled,
+        ...indicatorProps
+      } = props,
+      {
+        checked,
+        ...useIndicatorRest
+      } = (0, import_gui_radio_headless.useRadioGroupItemIndicator)({
+        radioGroupItemContext: RadioGroupItemContext,
+        disabled
+      });
+    return forceMount || checked ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Indicator, {
+      ...useIndicatorRest,
+      ref: forwardedRef,
+      ...indicatorProps
+    }) : null;
+  });
+  RadioIndicator.displayName = "RadioIndicator";
+  const RadioGroup = (0, import_gui_core.withStaticProperties)(RadioGroupImp, {
+    Item: RadioGroupItemImp,
+    Indicator: RadioIndicator
+  });
+  return RadioGroup.displayName = "RadioGroup", RadioGroup;
+}