@pingux/astro 2.208.3 → 2.208.4-alpha.0

package/lib/components/TooltipTrigger/tooltipTriggerAttributes.js

@@ -0,0 +1,83 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { booleanArg } from '../../utils/docUtils/docArgTypes';
+export var tooltipTriggerArgTypes = _objectSpread({
+  align: {
+    description: 'Alignment of the tooltip relative to the trigger element.',
+    control: {
+      type: 'select'
+    },
+    options: ['start', 'end', 'middle']
+  },
+  direction: {
+    description: 'Where the tooltip opens relative to its trigger.',
+    control: {
+      type: 'select'
+    },
+    options: ['top', 'right', 'bottom', 'left']
+  },
+  offset: {
+    description: 'Offset of the tooltip relative to its trigger along the primary axis.',
+    control: {
+      type: 'number'
+    }
+  },
+  crossOffset: {
+    description: 'Additional offset applied along the cross axis between the tooltip and its anchor.',
+    control: {
+      type: 'number'
+    }
+  },
+  delay: {
+    description: 'Delay in milliseconds before the tooltip is shown after hovering.',
+    control: {
+      type: 'number'
+    }
+  },
+  arrowCrossOffset: {
+    description: 'Arrow offset relative to the left of the tooltip. Must be a px or percentage value.',
+    control: {
+      type: 'text'
+    }
+  },
+  width: {
+    description: 'Width applied to the wrapper of the tooltip component.',
+    control: {
+      type: 'text'
+    }
+  },
+  placement: {
+    description: 'The placement of the tooltip with respect to its anchor element.',
+    control: {
+      type: 'text'
+    }
+  },
+  isDarkMode: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the tooltip uses dark styling with white text (defaults to true).'
+  }),
+  isDefaultOpen: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the tooltip is open by default (uncontrolled).'
+  }),
+  isNotFlippable: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the tooltip is prevented from flipping when there is insufficient space for the given direction.'
+  }),
+  hasNoArrow: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the tooltip arrow indicator is hidden.'
+  }),
+  isOpen: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the tooltip is currently open (controlled).'
+  }),
+  isDisabled: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the tooltip trigger is disabled, preventing the tooltip from appearing.'
+  })
+}, ariaAttributeBaseArgTypes);

package/lib/components/TreeView/TreeView.stories.js

@@ -1,3 +1,9 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _Object$create from "@babel/runtime-corejs3/core-js-stable/object/create";
@@ -11,6 +17,7 @@ import _typeof from "@babel/runtime-corejs3/helpers/esm/typeof";
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (_Object$getPrototypeOf ? _Object$getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && _reverseInstanceProperty(o).call(o)); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
 function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof _Symbol && _Symbol$iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
 function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
@@ -27,9 +34,12 @@ import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useEffect, useState } from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Item, TreeView, useTreeData } from '../../index';
+import { funcArg } from '../../utils/docUtils/docArgTypes';
 import TreeViewReadMe from './TreeView.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -55,6 +65,56 @@ export default {
         }]
       }
     }
+  },
+  argTypes: {
+    onExpandedChange: _objectSpread(_objectSpread({}, funcArg), {}, {
+      description: 'Callback invoked when the set of expanded tree nodes changes.'
+    }),
+    onKeyDown: _objectSpread(_objectSpread({}, funcArg), {}, {
+      description: 'Callback invoked when a key is pressed while the tree has focus.'
+    }),
+    onDragStart: _objectSpread(_objectSpread({}, funcArg), {}, {
+      description: 'Callback invoked when a drag operation on a tree item starts.'
+    }),
+    onDrop: _objectSpread(_objectSpread({}, funcArg), {}, {
+      description: 'Callback invoked when an item is dropped onto the tree.'
+    }),
+    pageLength: {
+      description: 'Number of items to move focus by when Page Up or Page Down is pressed.',
+      control: {
+        type: 'number'
+      }
+    },
+    'aria-label': {
+      description: 'Defines an accessible label for the tree.',
+      control: {
+        type: 'text'
+      }
+    },
+    tree: {
+      description: 'The tree data object returned by useTreeData, used to manage tree state.',
+      control: {
+        type: null
+      }
+    },
+    items: {
+      description: 'The iterable list of top-level tree items to render.',
+      control: {
+        type: null
+      }
+    },
+    disabledKeys: {
+      description: 'Keys of items that are disabled and cannot be interacted with.',
+      control: {
+        type: null
+      }
+    },
+    loadingNodes: {
+      description: 'Array of node loading state objects indicating which nodes are currently loading children.',
+      control: {
+        type: null
+      }
+    }
   }
 };
 var data = [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.208.3",
+  "version": "2.208.4-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",