@pingux/astro 2.42.0-alpha.0 → 2.42.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/cjs/recipes/LinkedListView.stories.js +6 -2
  2. package/lib/cjs/recipes/PanelContent.stories.js +1 -1
  3. package/lib/recipes/LinkedListView.stories.js +7 -3
  4. package/lib/recipes/PanelContent.stories.js +1 -1
  5. package/package.json +1 -1
package/lib/cjs/recipes/LinkedListView.stories.js CHANGED
@@ -18,6 +18,7 @@ var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
18
18
  var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
19
19
  var _react = _interopRequireWildcard(require("react"));
20
20
  var _DotsVerticalIcon = _interopRequireDefault(require("@pingux/mdi-react/DotsVerticalIcon"));
21
+ var _uuid = require("uuid");
21
22
  var _useOverlappingMenuHoverState = _interopRequireDefault(require("../hooks/useOverlappingMenuHoverState"));
22
23
  var _index = require("../index");
23
24
  var _react2 = require("@emotion/react");
@@ -237,14 +238,17 @@ var Default = function Default(_ref) {
237
238
 
238
239
  // the vector shield and key icon.
239
240
  var ShieldIcon = function ShieldIcon(props) {
241
+ var id = (0, _react.useMemo)(function () {
242
+ return (0, _uuid.v4)();
243
+ }, []);
240
244
  return (0, _react2.jsx)("svg", (0, _extends2["default"])({
241
245
  width: "19",
242
246
  height: "23",
243
247
  viewBox: "0 0 19 23",
244
248
  xmlns: "http://www.w3.org/2000/svg",
245
- "aria-labelledby": "shield-icon-title"
249
+ "aria-labelledby": "shield-icon-title-".concat(id)
246
250
  }, props), (0, _react2.jsx)("title", {
247
- id: "shield-icon-title"
251
+ id: "shield-icon-title-".concat(id)
248
252
  }, "Shield Icon"), (0, _react2.jsx)("path", {
249
253
  d: "M9.5 7.33342C9.77627 7.33342 10.0412 7.44316 10.2366 7.63851C10.4319 7.83386 10.5417 8.09881 10.5417 8.37508C10.5417 8.65135 10.4319 8.9163 10.2366 9.11165C10.0412 9.307 9.77627 9.41675 9.5 9.41675C9.22373 9.41675 8.95878 9.307 8.76343 9.11165C8.56808 8.9163 8.45833 8.65135 8.45833 8.37508C8.45833 8.09881 8.56808 7.83386 8.76343 7.63851C8.95878 7.44316 9.22373 7.33342 9.5 7.33342ZM18.875 10.4584C18.875 16.2397 14.875 21.6459 9.5 22.9584C4.125 21.6459 0.125 16.2397 0.125 10.4584V4.20842L9.5 0.041748L18.875 4.20842V10.4584ZM9.5 5.25008C8.6712 5.25008 7.87634 5.57932 7.29029 6.16537C6.70424 6.75142 6.375 7.54628 6.375 8.37508C6.375 9.73967 7.23958 10.8959 8.45833 11.323V17.7501H10.5417V15.6667H12.625V13.5834H10.5417V11.323C11.7604 10.8959 12.625 9.73967 12.625 8.37508C12.625 7.54628 12.2958 6.75142 11.7097 6.16537C11.1237 5.57932 10.3288 5.25008 9.5 5.25008Z"
250
254
  }));
package/lib/cjs/recipes/PanelContent.stories.js CHANGED
@@ -26,7 +26,7 @@ var _react2 = require("@emotion/react");
26
26
  function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
27
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
28
28
  var _default = {
29
- title: 'Experimental/PanelContent',
29
+ title: 'Recipes/Panel Content',
30
30
  parameters: {
31
31
  docs: {
32
32
  source: {
package/lib/recipes/LinkedListView.stories.js CHANGED
@@ -5,8 +5,9 @@ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
5
5
  import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
6
6
  import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
7
7
  import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
8
- import React, { useRef, useState } from 'react';
8
+ import React, { useMemo, useRef, useState } from 'react';
9
9
  import DotsVerticalIcon from '@pingux/mdi-react/DotsVerticalIcon';
10
+ import { v4 as uuid } from 'uuid';
10
11
  import useOverlappingMenuHoverState from '../hooks/useOverlappingMenuHoverState';
11
12
  import { Badge, Box, Icon, IconButton, Item, ListItem, ListView, Menu, PopoverMenu, Separator, Text } from '../index';
12
13
  import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -223,14 +224,17 @@ export var Default = function Default(_ref) {
223
224
 
224
225
  // the vector shield and key icon.
225
226
  var ShieldIcon = function ShieldIcon(props) {
227
+ var id = useMemo(function () {
228
+ return uuid();
229
+ }, []);
226
230
  return ___EmotionJSX("svg", _extends({
227
231
  width: "19",
228
232
  height: "23",
229
233
  viewBox: "0 0 19 23",
230
234
  xmlns: "http://www.w3.org/2000/svg",
231
- "aria-labelledby": "shield-icon-title"
235
+ "aria-labelledby": "shield-icon-title-".concat(id)
232
236
  }, props), ___EmotionJSX("title", {
233
- id: "shield-icon-title"
237
+ id: "shield-icon-title-".concat(id)
234
238
  }, "Shield Icon"), ___EmotionJSX("path", {
235
239
  d: "M9.5 7.33342C9.77627 7.33342 10.0412 7.44316 10.2366 7.63851C10.4319 7.83386 10.5417 8.09881 10.5417 8.37508C10.5417 8.65135 10.4319 8.9163 10.2366 9.11165C10.0412 9.307 9.77627 9.41675 9.5 9.41675C9.22373 9.41675 8.95878 9.307 8.76343 9.11165C8.56808 8.9163 8.45833 8.65135 8.45833 8.37508C8.45833 8.09881 8.56808 7.83386 8.76343 7.63851C8.95878 7.44316 9.22373 7.33342 9.5 7.33342ZM18.875 10.4584C18.875 16.2397 14.875 21.6459 9.5 22.9584C4.125 21.6459 0.125 16.2397 0.125 10.4584V4.20842L9.5 0.041748L18.875 4.20842V10.4584ZM9.5 5.25008C8.6712 5.25008 7.87634 5.57932 7.29029 6.16537C6.70424 6.75142 6.375 7.54628 6.375 8.37508C6.375 9.73967 7.23958 10.8959 8.45833 11.323V17.7501H10.5417V15.6667H12.625V13.5834H10.5417V11.323C11.7604 10.8959 12.625 9.73967 12.625 8.37508C12.625 7.54628 12.2958 6.75142 11.7097 6.16537C11.1237 5.57932 10.3288 5.25008 9.5 5.25008Z"
236
240
  }));
package/lib/recipes/PanelContent.stories.js CHANGED
@@ -13,7 +13,7 @@ import UserImage from '../utils/devUtils/assets/UserImage.png';
13
13
  import statuses from '../utils/devUtils/constants/statuses';
14
14
  import { jsx as ___EmotionJSX } from "@emotion/react";
15
15
  export default {
16
- title: 'Experimental/PanelContent',
16
+ title: 'Recipes/Panel Content',
17
17
  parameters: {
18
18
  docs: {
19
19
  source: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.42.0-alpha.0",
3
+ "version": "2.42.0-alpha.2",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",