@plasmicpkgs/react-aria 0.0.22 → 0.0.24

package/dist/registerTooltip.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { TooltipProps } from "react-aria-components";
+import { TooltipTriggerProps } from "react-stately";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+export interface BaseTooltipProps extends TooltipTriggerProps, TooltipProps {
+    children?: React.ReactElement<HTMLElement>;
+    tooltipContent?: React.ReactNode;
+    resetClassName?: string;
+}
+export declare function BaseTooltip(props: BaseTooltipProps): React.JSX.Element;
+export declare function registerTooltip(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseTooltip>): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/react-aria",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "Plasmic registration calls for react-aria based components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -48,10 +48,13 @@
   "dependencies": {
     "@react-aria/i18n": "^3.11.0",
     "@react-aria/utils": "^3.24.0",
-    "react-aria-components": "^1.2.0"
+    "react-aria": "^3.33.0",
+    "react-aria-components": "^1.2.0",
+    "react-keyed-flatten-children": "^3.0.0",
+    "react-stately": "^3.31.0"
   },
   "devDependencies": {
-    "@plasmicapp/host": "1.0.196",
+    "@plasmicapp/host": "1.0.197",
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-json": "^4.0.0",
     "@rollup/plugin-node-resolve": "^9.0.0",
@@ -71,5 +74,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5cf999c17e183de929006aad562af5a0f56d047c"
+  "gitHead": "bc10abae6b027cb31f3d3d63939a8271831d4ed0"
 }

package/skinny/registerTooltip.cjs.js

@@ -0,0 +1,140 @@
+'use strict';
+
+var utils = require('@react-aria/utils');
+var React = require('react');
+var reactAria = require('react-aria');
+var flattenChildren = require('react-keyed-flatten-children');
+var reactStately = require('react-stately');
+var utils$1 = require('./utils-1190a0a9.cjs.js');
+require('@plasmicapp/host/registerComponent');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var flattenChildren__default = /*#__PURE__*/_interopDefault(flattenChildren);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BaseTooltip(props) {
+  const _a = props, { children, tooltipContent, className, resetClassName } = _a, restProps = __objRest(_a, ["children", "tooltipContent", "className", "resetClassName"]);
+  const state = reactStately.useTooltipTriggerState(restProps);
+  const ref = React__default.default.useRef(null);
+  const { triggerProps, tooltipProps } = reactAria.useTooltipTrigger(
+    restProps,
+    state,
+    ref
+  );
+  const focusableChild = flattenChildren__default.default(children)[0];
+  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, React__default.default.isValidElement(focusableChild) ? React__default.default.cloneElement(focusableChild, __spreadValues({
+    ref
+  }, utils.mergeProps(
+    focusableChild.props,
+    triggerProps
+  ))) : null, state.isOpen && /* @__PURE__ */ React__default.default.createElement("span", __spreadProps(__spreadValues({}, tooltipProps), { className: `${className} ${resetClassName}` }), tooltipContent));
+}
+function registerTooltip(loader, overrides) {
+  utils$1.registerComponentHelper(
+    loader,
+    BaseTooltip,
+    {
+      name: "plasmic-react-aria-tooltip",
+      displayName: "Aria Tooltip",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerTooltip",
+      importName: "BaseTooltip",
+      isAttachment: true,
+      styleSections: true,
+      props: {
+        children: {
+          type: "slot",
+          defaultValue: {
+            type: "text",
+            value: "Hover me!"
+          }
+        },
+        tooltipContent: {
+          type: "slot",
+          displayName: "Tooltip Content",
+          // NOTE: This is not applied in attachment
+          defaultValue: {
+            type: "text",
+            value: "Hello from Tooltip!"
+          }
+        },
+        resetClassName: {
+          type: "themeResetClass"
+        },
+        isDisabled: {
+          type: "boolean"
+        },
+        delay: {
+          type: "number",
+          defaultValueHint: 1500,
+          description: "The delay (in milliseconds) for the tooltip to show up."
+        },
+        closeDelay: {
+          type: "number",
+          defaultValueHint: 500,
+          description: "The delay (in milliseconds) for the tooltip to close."
+        },
+        trigger: {
+          type: "choice",
+          options: ["focus", "focus and hover"],
+          defaultValueHint: "focus and hover"
+        },
+        isOpen: {
+          type: "boolean",
+          editOnly: true,
+          uncontrolledProp: "defaultOpen",
+          description: "Whether the overlay is open by default",
+          defaultValueHint: false
+        },
+        onOpenChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isOpen", type: "boolean" }]
+        }
+      },
+      states: {
+        isOpen: {
+          type: "writable",
+          valueProp: "isOpen",
+          onChangeProp: "onOpenChange",
+          variableType: "boolean"
+        }
+      }
+    },
+    overrides
+  );
+}
+
+exports.BaseTooltip = BaseTooltip;
+exports.registerTooltip = registerTooltip;
+//# sourceMappingURL=registerTooltip.cjs.js.map

package/skinny/registerTooltip.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerTooltip.cjs.js","sources":["../src/registerTooltip.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { useTooltipTrigger } from \"react-aria\";\nimport { TooltipProps } from \"react-aria-components\";\nimport flattenChildren from \"react-keyed-flatten-children\";\nimport { TooltipTriggerProps, useTooltipTriggerState } from \"react-stately\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseTooltipProps extends TooltipTriggerProps, TooltipProps {\n  children?: React.ReactElement<HTMLElement>;\n  tooltipContent?: React.ReactNode;\n  resetClassName?: string;\n}\n\nexport function BaseTooltip(props: BaseTooltipProps) {\n  const { children, tooltipContent, className, resetClassName, ...restProps } =\n    props;\n  const state = useTooltipTriggerState(restProps);\n  const ref = React.useRef(null);\n  const { triggerProps, tooltipProps } = useTooltipTrigger(\n    restProps,\n    state,\n    ref\n  );\n  /** We are only accepting a single child here, so we can just use the first one.\n   * This is because the trigger props will be applied to the child to enable the triggering of the tooltip.\n   * If there has to be more than one things here, wrap them in a horizontal stack for instance.\n   * */\n  const focusableChild = flattenChildren(children)[0];\n\n  return (\n    <>\n      {React.isValidElement(focusableChild)\n        ? React.cloneElement(focusableChild, {\n            ref,\n            ...mergeProps(\n              focusableChild.props as Record<string, any>,\n              triggerProps\n            ),\n          } as Record<string, any> & { ref?: React.Ref<HTMLElement> })\n        : null}\n      {state.isOpen && (\n        <span {...tooltipProps} className={`${className} ${resetClassName}`}>\n          {tooltipContent}\n        </span>\n      )}\n    </>\n  );\n}\n\nexport function registerTooltip(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTooltip>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTooltip,\n    {\n      name: \"plasmic-react-aria-tooltip\",\n      displayName: \"Aria Tooltip\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTooltip\",\n      importName: \"BaseTooltip\",\n      isAttachment: true,\n      styleSections: true,\n      props: {\n        children: {\n          type: \"slot\",\n          defaultValue: {\n            type: \"text\",\n            value: \"Hover me!\",\n          },\n        },\n        tooltipContent: {\n          type: \"slot\",\n          displayName: \"Tooltip Content\",\n          // NOTE: This is not applied in attachment\n          defaultValue: {\n            type: \"text\",\n            value: \"Hello from Tooltip!\",\n          },\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n        isDisabled: {\n          type: \"boolean\",\n        },\n        delay: {\n          type: \"number\",\n          defaultValueHint: 1500,\n          description:\n            \"The delay (in milliseconds) for the tooltip to show up.\",\n        },\n        closeDelay: {\n          type: \"number\",\n          defaultValueHint: 500,\n          description: \"The delay (in milliseconds) for the tooltip to close.\",\n        },\n        trigger: {\n          type: \"choice\",\n          options: [\"focus\", \"focus and hover\"],\n          defaultValueHint: \"focus and hover\",\n        },\n        isOpen: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n          description: \"Whether the overlay is open by default\",\n          defaultValueHint: false,\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":["useTooltipTriggerState","React","useTooltipTrigger","flattenChildren","mergeProps","registerComponentHelper"],"mappings":"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"}

package/skinny/registerTooltip.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { TooltipProps } from "react-aria-components";
+import { TooltipTriggerProps } from "react-stately";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+export interface BaseTooltipProps extends TooltipTriggerProps, TooltipProps {
+    children?: React.ReactElement<HTMLElement>;
+    tooltipContent?: React.ReactNode;
+    resetClassName?: string;
+}
+export declare function BaseTooltip(props: BaseTooltipProps): React.JSX.Element;
+export declare function registerTooltip(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseTooltip>): void;

package/skinny/registerTooltip.esm.js

@@ -0,0 +1,132 @@
+import { mergeProps } from '@react-aria/utils';
+import React from 'react';
+import { useTooltipTrigger } from 'react-aria';
+import flattenChildren from 'react-keyed-flatten-children';
+import { useTooltipTriggerState } from 'react-stately';
+import { r as registerComponentHelper } from './utils-28f98072.esm.js';
+import '@plasmicapp/host/registerComponent';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BaseTooltip(props) {
+  const _a = props, { children, tooltipContent, className, resetClassName } = _a, restProps = __objRest(_a, ["children", "tooltipContent", "className", "resetClassName"]);
+  const state = useTooltipTriggerState(restProps);
+  const ref = React.useRef(null);
+  const { triggerProps, tooltipProps } = useTooltipTrigger(
+    restProps,
+    state,
+    ref
+  );
+  const focusableChild = flattenChildren(children)[0];
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, React.isValidElement(focusableChild) ? React.cloneElement(focusableChild, __spreadValues({
+    ref
+  }, mergeProps(
+    focusableChild.props,
+    triggerProps
+  ))) : null, state.isOpen && /* @__PURE__ */ React.createElement("span", __spreadProps(__spreadValues({}, tooltipProps), { className: `${className} ${resetClassName}` }), tooltipContent));
+}
+function registerTooltip(loader, overrides) {
+  registerComponentHelper(
+    loader,
+    BaseTooltip,
+    {
+      name: "plasmic-react-aria-tooltip",
+      displayName: "Aria Tooltip",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerTooltip",
+      importName: "BaseTooltip",
+      isAttachment: true,
+      styleSections: true,
+      props: {
+        children: {
+          type: "slot",
+          defaultValue: {
+            type: "text",
+            value: "Hover me!"
+          }
+        },
+        tooltipContent: {
+          type: "slot",
+          displayName: "Tooltip Content",
+          // NOTE: This is not applied in attachment
+          defaultValue: {
+            type: "text",
+            value: "Hello from Tooltip!"
+          }
+        },
+        resetClassName: {
+          type: "themeResetClass"
+        },
+        isDisabled: {
+          type: "boolean"
+        },
+        delay: {
+          type: "number",
+          defaultValueHint: 1500,
+          description: "The delay (in milliseconds) for the tooltip to show up."
+        },
+        closeDelay: {
+          type: "number",
+          defaultValueHint: 500,
+          description: "The delay (in milliseconds) for the tooltip to close."
+        },
+        trigger: {
+          type: "choice",
+          options: ["focus", "focus and hover"],
+          defaultValueHint: "focus and hover"
+        },
+        isOpen: {
+          type: "boolean",
+          editOnly: true,
+          uncontrolledProp: "defaultOpen",
+          description: "Whether the overlay is open by default",
+          defaultValueHint: false
+        },
+        onOpenChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isOpen", type: "boolean" }]
+        }
+      },
+      states: {
+        isOpen: {
+          type: "writable",
+          valueProp: "isOpen",
+          onChangeProp: "onOpenChange",
+          variableType: "boolean"
+        }
+      }
+    },
+    overrides
+  );
+}
+
+export { BaseTooltip, registerTooltip };
+//# sourceMappingURL=registerTooltip.esm.js.map

package/skinny/registerTooltip.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerTooltip.esm.js","sources":["../src/registerTooltip.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { useTooltipTrigger } from \"react-aria\";\nimport { TooltipProps } from \"react-aria-components\";\nimport flattenChildren from \"react-keyed-flatten-children\";\nimport { TooltipTriggerProps, useTooltipTriggerState } from \"react-stately\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseTooltipProps extends TooltipTriggerProps, TooltipProps {\n  children?: React.ReactElement<HTMLElement>;\n  tooltipContent?: React.ReactNode;\n  resetClassName?: string;\n}\n\nexport function BaseTooltip(props: BaseTooltipProps) {\n  const { children, tooltipContent, className, resetClassName, ...restProps } =\n    props;\n  const state = useTooltipTriggerState(restProps);\n  const ref = React.useRef(null);\n  const { triggerProps, tooltipProps } = useTooltipTrigger(\n    restProps,\n    state,\n    ref\n  );\n  /** We are only accepting a single child here, so we can just use the first one.\n   * This is because the trigger props will be applied to the child to enable the triggering of the tooltip.\n   * If there has to be more than one things here, wrap them in a horizontal stack for instance.\n   * */\n  const focusableChild = flattenChildren(children)[0];\n\n  return (\n    <>\n      {React.isValidElement(focusableChild)\n        ? React.cloneElement(focusableChild, {\n            ref,\n            ...mergeProps(\n              focusableChild.props as Record<string, any>,\n              triggerProps\n            ),\n          } as Record<string, any> & { ref?: React.Ref<HTMLElement> })\n        : null}\n      {state.isOpen && (\n        <span {...tooltipProps} className={`${className} ${resetClassName}`}>\n          {tooltipContent}\n        </span>\n      )}\n    </>\n  );\n}\n\nexport function registerTooltip(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTooltip>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTooltip,\n    {\n      name: \"plasmic-react-aria-tooltip\",\n      displayName: \"Aria Tooltip\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTooltip\",\n      importName: \"BaseTooltip\",\n      isAttachment: true,\n      styleSections: true,\n      props: {\n        children: {\n          type: \"slot\",\n          defaultValue: {\n            type: \"text\",\n            value: \"Hover me!\",\n          },\n        },\n        tooltipContent: {\n          type: \"slot\",\n          displayName: \"Tooltip Content\",\n          // NOTE: This is not applied in attachment\n          defaultValue: {\n            type: \"text\",\n            value: \"Hello from Tooltip!\",\n          },\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n        isDisabled: {\n          type: \"boolean\",\n        },\n        delay: {\n          type: \"number\",\n          defaultValueHint: 1500,\n          description:\n            \"The delay (in milliseconds) for the tooltip to show up.\",\n        },\n        closeDelay: {\n          type: \"number\",\n          defaultValueHint: 500,\n          description: \"The delay (in milliseconds) for the tooltip to close.\",\n        },\n        trigger: {\n          type: \"choice\",\n          options: [\"focus\", \"focus and hover\"],\n          defaultValueHint: \"focus and hover\",\n        },\n        isOpen: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n          description: \"Whether the overlay is open by default\",\n          defaultValueHint: false,\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}