@pingux/astro 2.128.1-alpha.0 → 2.129.0-alpha.1

package/lib/components/TooltipTrigger/TooltipTrigger.stories.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import AccountIcon from '@pingux/mdi-react/AccountIcon';
 import Earth from '@pingux/mdi-react/EarthIcon';
@@ -14,37 +15,43 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(TooltipTriggerReadme, null), ___EmotionJSX(DocsLayout, null));
       }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Box', 'Button', 'Icon', 'IconButton', 'Text', 'Tooltip', 'TooltipTrigger'],
+        '@pingux/mdi-react/AccountIcon': 'AccountIcon'
+      }
     }
   }
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(TooltipTrigger, args, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Tooltip Content"));
 };
-export var withAlignProp = function withAlignProp() {
-  return ___EmotionJSX(TooltipTrigger, {
+export var withAlignProp = function withAlignProp(args) {
+  return ___EmotionJSX(TooltipTrigger, _extends({}, args, {
     align: "end"
-  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "End aligned"));
+  }), ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "End aligned"));
 };
-export var withDirectionProp = function withDirectionProp() {
-  return ___EmotionJSX(TooltipTrigger, {
+export var withDirectionProp = function withDirectionProp(args) {
+  return ___EmotionJSX(TooltipTrigger, _extends({}, args, {
     direction: "right"
-  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display on the right"));
+  }), ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display on the right"));
 };
-export var withArrowCrossOffsetProp = function withArrowCrossOffsetProp() {
-  return ___EmotionJSX(TooltipTrigger, {
+export var withArrowCrossOffsetProp = function withArrowCrossOffsetProp(args) {
+  return ___EmotionJSX(TooltipTrigger, _extends({}, args, {
     arrowCrossOffset: "30px",
     isOpen: true
-  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "With arrowCrossOffset=\"30px\""));
+  }), ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "With arrowCrossOffset=\"30px\""));
 };
-export var isOpen = function isOpen() {
-  return ___EmotionJSX(TooltipTrigger, {
+export var isOpen = function isOpen(args) {
+  return ___EmotionJSX(TooltipTrigger, _extends({}, args, {
     isOpen: true
-  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display by default"));
+  }), ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display by default"));
 };
-export var IconWithTooltip = function IconWithTooltip() {
+export var IconWithTooltip = function IconWithTooltip(args) {
   return ___EmotionJSX(Box, {
     pl: 50
-  }, ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(IconButton, {
+  }, ___EmotionJSX(TooltipTrigger, args, ___EmotionJSX(IconButton, {
     variant: "tooltip.button"
   }, ___EmotionJSX(Icon, {
     icon: AccountIcon,
@@ -53,10 +60,10 @@ export var IconWithTooltip = function IconWithTooltip() {
     }
   })), ___EmotionJSX(Tooltip, null, "Useful tooltip")));
 };
-export var BadgeWithTooltip = function BadgeWithTooltip() {
+export var BadgeWithTooltip = function BadgeWithTooltip(args) {
   return ___EmotionJSX(Box, {
     pl: 50
-  }, ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(Button, {
+  }, ___EmotionJSX(TooltipTrigger, args, ___EmotionJSX(Button, {
     variant: "variants.tooltip.badge",
     bg: "neutral.10"
   }, ___EmotionJSX(Text, {
@@ -75,18 +82,18 @@ BadgeWithTooltip.parameters = {
     url: FIGMA_LINKS.tooltipTrigger.badgeWithTooltip
   }
 };
-export var TextWithTooltip = function TextWithTooltip() {
+export var TextWithTooltip = function TextWithTooltip(args) {
   return ___EmotionJSX(Box, {
     pl: 50
-  }, ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(Button, {
+  }, ___EmotionJSX(TooltipTrigger, args, ___EmotionJSX(Button, {
     variant: "variants.tooltip.inline"
   }, "Some text"), ___EmotionJSX(Tooltip, null, "Useful tooltip")));
 };
-export var Disabled = function Disabled() {
-  return ___EmotionJSX(TooltipTrigger, {
+export var Disabled = function Disabled(args) {
+  return ___EmotionJSX(TooltipTrigger, _extends({}, args, {
     delay: 0,
     isDisabled: true
-  }, ___EmotionJSX(IconButton, {
+  }), ___EmotionJSX(IconButton, {
     "aria-label": "Earth Icon"
   }, ___EmotionJSX(Icon, {
     icon: Earth,
@@ -102,13 +109,13 @@ Disabled.parameters = {
     }
   }
 };
-export var withDelayProp = function withDelayProp() {
-  return ___EmotionJSX(TooltipTrigger, {
+export var withDelayProp = function withDelayProp(args) {
+  return ___EmotionJSX(TooltipTrigger, _extends({}, args, {
     delay: 700
-  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display with a delay"));
+  }), ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display with a delay"));
 };
-export var customWidth = function customWidth() {
-  return ___EmotionJSX(TooltipTrigger, {
+export var customWidth = function customWidth(args) {
+  return ___EmotionJSX(TooltipTrigger, _extends({}, args, {
     width: "200px"
-  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Custom width display"));
+  }), ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Custom width display"));
 };

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

@@ -29,9 +29,6 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(TreeViewReadMe, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
       }
     },
     a11y: {
@@ -47,7 +44,8 @@ export default {
           enabled: false
         }]
       }
-    }
+    },
+    codesandbox: false
   }
 };
 var data = [{

package/lib/recipes/AccordionCard.stories.js

@@ -21,7 +21,10 @@ import InviteTeamMembers from '../utils/devUtils/assets/accordionRecepi/InviteTe
 import LaunchStartedExperience from '../utils/devUtils/assets/accordionRecepi/LaunchStartedExperience.svg';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/AccordionCard'
+  title: 'Recipes/AccordionCard',
+  parameters: {
+    codesandbox: false
+  }
 };
 var accordionItemSX = {
   itemContainer: {

package/lib/recipes/AttributeMapping.stories.js

@@ -13,7 +13,10 @@ import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.ts';
 import statuses from '../utils/devUtils/constants/statuses';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Attribute Mappings'
+  title: 'Recipes/Attribute Mappings',
+  parameters: {
+    codesandbox: false
+  }
 };
 var sx = {
   alertCircleIcon: {

package/lib/recipes/CollapsiblePanel.stories.js

@@ -24,7 +24,10 @@ import { useFilter } from '@react-aria/i18n';
 import { Badge, Box, Breadcrumbs, CheckboxField, CollapsiblePanel, CollapsiblePanelItem, Icon, IconButton, Item, ListView, ListViewItem, SearchField, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/CollapsiblePanel with List'
+  title: 'Recipes/CollapsiblePanel with List',
+  parameters: {
+    codesandbox: false
+  }
 };
 var data = [{
   id: '1',

package/lib/recipes/ConditionFilter.stories.js

@@ -30,7 +30,8 @@ export default {
           enabled: false
         }]
       }
-    }
+    },
+    codesandbox: false
   }
 };
 var borderBox = {

package/lib/recipes/CopyToClipboard.stories.js

@@ -3,7 +3,10 @@ import useCopyToClipboard from '../hooks/useCopyToClipboard';
 import { Box, Button, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Copy to Clipboard'
+  title: 'Recipes/Copy to Clipboard',
+  parameters: {
+    codesandbox: false
+  }
 };
 export var Default = function Default() {
   var textToCopy = 'eyJraWQiOiI4YTg5MmY3ZS1iNTk1LTRkYWQtODBlNC0yMzA4ODkyZTczZDQiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2FwaS5waW5nb25lLmNvbSIsImF1dGhVcmwiOiJodHRwczovL2F1dGgucGluZ29uZS5jb20iLCJjb25zb2xlVXJsIjoiaHR0cHM6Ly9jb25zb2xlLnBpbmdvbmUuY29tIiwiZW52aXJvbm1lbnROYW1lIjoiTW9udGFuYSIsImVudmlyb25tZW50SWQiOiJhYzc2NWQ0Ny1kMDM2LTQ1MGUtODFjMS1mYjQ1NDMxMjM1NjYiLCJvcmdhbml6YXRpb25OYW1lIjoiaW50ZXJuYWxfZXJpa2FhbGRlYm9yZ2hfMjUyMDc1MDMxIiwib3JnYW5pemF0aW9uSWQiOiJkMDYzMmYwZi03YjQ2LTQ5ZjUtYjgyYS1kZWU5MWQ3MDY3ODYiLCJnYXRld2F5TmFtZSI6ImRzZHMiLCJnYXRld2F5SWQiOiJiMDVmNGU5Yy1jMzRiLTRlZTMtYTYyNS01ZGFiNjlkYTE1YTEiLCJnYXRld2F5VHlwZSI6IlBJTkdfRkVERVJBVEUiLCJ0YXJnZXRDbHVzdGVyRW52aXJvbm1lbnQiOiJQUk9EIiwidGFyZ2V0R2VvZ3JhcGh5IjoiTkEiLCJyZWdpb24iOiJOb3J0aCBBbWVyaWNhIiwianRpIjoiMTUwYTQ0OTktZjIyYi00YWVhLWIzY2UtYWM2YWY1NjVjNjk5IiwiaXNzIjoid3NzOi8vZ2F0ZXdheXMucGluZ29uZS5jb20iLCJpYXQiOjE2MjYyODEyMTZ9.JJ9wwqTxQWUwz2vmU0yE54xuYff51xbirzZuEUxd8GDzV45bnpbmx460CY8g9ccdmOjvfVF4RPPsawpKuMZH271tDlLZl67iknxDVWBZSih9K6v0RAmsmNriR4OyOFOkGrULCIz3ISyPWeItp1AVuue_8guWR63KzYg32aPC4SgmOrc2myq9N6XNU2H1KybETbG_s5-VU_cUqaXn7GUzhL2_W6CSVrrlE1cYfjC7pxMKFm4vvIw_KcNYVGO1K6oYgzRZ4A8toQHIdlGB8L-wkCt442LdC93OjoQdkLuGzmXnO8BUohWea-Dn35gGHoH-H1BRQTya_H9AKyWMxCw-vg';

package/lib/recipes/CountryPicker.stories.js

@@ -11,7 +11,10 @@ import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Country Picker',
-  decorators: [withDesign]
+  decorators: [withDesign],
+  parameters: {
+    codesandbox: false
+  }
 };
 var validatePhoneNumber = function validatePhoneNumber(str) {
   var reg = /^$|^[\d\-(\d)\s.]+$|^\+/g;

package/lib/recipes/DataVisualization.stories.js

@@ -25,7 +25,10 @@ import { Box, Button, CheckboxField, DataTable, DataTableBody, DataTableCell, Da
 import { placeholder } from '../utils/devUtils/constants/images';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Data Visualization with Filtering'
+  title: 'Recipes/Data Visualization with Filtering',
+  parameters: {
+    codesandbox: false
+  }
 };
 var columns = [{
   name: 'Country',

package/lib/recipes/DateTimeRangePicker.stories.js

@@ -11,7 +11,10 @@ import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/DateTimeRangePicker',
-  decorators: [withDesign]
+  decorators: [withDesign],
+  parameters: {
+    codesandbox: false
+  }
 };
 var dropdownItems = [{
   key: 'Today',

package/lib/recipes/InlineEditing.stories.js

@@ -23,7 +23,10 @@ import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Inline Editing',
-  decorators: [withDesign]
+  decorators: [withDesign],
+  parameters: {
+    codesandbox: false
+  }
 };
 var EditableAreaContext = /*#__PURE__*/createContext();
 var EditableAreaProvider = EditableAreaContext.Provider;

package/lib/recipes/ListAndPanel.stories.js

@@ -24,7 +24,8 @@ export default {
       source: {
         type: 'code'
       }
-    }
+    },
+    codesandbox: false
   }
 };
 var sx = {

package/lib/recipes/LogoTabs.stories.js

@@ -18,7 +18,10 @@ import { tab } from '../components/Tabs/Tabs.style';
 import { Box, Icon, Separator, Tab, Tabs, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Logo Tabs'
+  title: 'Recipes/Logo Tabs',
+  parameters: {
+    codesandbox: false
+  }
 };
 var P14CLogo = function P14CLogo(props) {
   return ___EmotionJSX("svg", _extends({

package/lib/recipes/MaskedValue.stories.js

@@ -30,7 +30,8 @@ export default {
       source: {
         type: 'code'
       }
-    }
+    },
+    codesandbox: false
   }
 };
 var sx = {

package/lib/recipes/MultipagePopup.stories.js

@@ -33,7 +33,8 @@ export default {
         name: 'accent',
         value: 'accent.99'
       }]
-    }
+    },
+    codesandbox: false
   }
 };
 var dataPopUp = [{

package/lib/recipes/NoAccess.stories.js

@@ -7,7 +7,10 @@ import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/No Access',
-  decorators: [withDesign]
+  decorators: [withDesign],
+  parameters: {
+    codesandbox: false
+  }
 };
 export var Default = function Default() {
   return ___EmotionJSX(Box, {

package/lib/recipes/OneWayToBidirectionalArrow.stories.js

@@ -7,7 +7,10 @@ import { Box, ComboBoxField, Icon, IconButton, IconButtonToggle, Item } from '..
 import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.ts';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/One Way to Bidirectional Arrow'
+  title: 'Recipes/One Way to Bidirectional Arrow',
+  parameters: {
+    codesandbox: false
+  }
 };
 var items = [{
   name: 'Last Name',

package/lib/recipes/PanelContent.stories.js

@@ -20,7 +20,8 @@ export default {
       source: {
         type: 'code'
       }
-    }
+    },
+    codesandbox: false
   }
 };
 var OverlayWrapper = function OverlayWrapper(_ref) {

package/lib/recipes/ScrollableListView.stories.js

@@ -7,7 +7,10 @@ import FormSelectIcon from '@pingux/mdi-react/FormSelectIcon';
 import { Box, ListView, ListViewItem, ListViewItemEditButton, ListViewItemMenu, ScrollBox, SearchField } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Scrollable List View'
+  title: 'Recipes/Scrollable List View',
+  parameters: {
+    codesandbox: false
+  }
 };
 export var ScrollableListView = function ScrollableListView() {
   var unfilteredItems = [{

package/lib/recipes/Slider.stories.js

@@ -21,7 +21,10 @@ import { Box } from '../index';
 import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.ts';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Slider'
+  title: 'Recipes/Slider',
+  parameters: {
+    codesandbox: false
+  }
 };
 var sx = {
   sliderContainer: {

package/lib/recipes/TrialExperienceIndustryButtons.stories.js

@@ -7,7 +7,10 @@ import { Box, Button, Icon, IconButton, Modal, OverlayProvider, Text } from '../
 import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.ts';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Trial Experience Buttons'
+  title: 'Recipes/Trial Experience Buttons',
+  parameters: {
+    codesandbox: false
+  }
 };
 var sx = {
   contentProps: {

package/lib/recipes/TrialExperienceStatusBar.stories.js

@@ -8,7 +8,10 @@ import { Box, Icon, IconButton, Link, Separator, Text } from '../index';
 import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.ts';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Trial Experience Nav'
+  title: 'Recipes/Trial Experience Nav',
+  parameters: {
+    codesandbox: false
+  }
 };
 var ArtIcon = function ArtIcon() {
   return ___EmotionJSX("svg", {

package/lib/styles/templates/Nav/Nav.stories.js

@@ -14,7 +14,8 @@ export default {
         name: 'accent',
         value: '#F7F8FD'
       }]
-    }
+    },
+    codesandbox: false
   }
 };
 var SideNav = function SideNav(_ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.128.1-alpha.0",
+  "version": "2.129.0-alpha.1",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",
@@ -144,6 +144,7 @@
     "@babel/preset-env": "^7.11.5",
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.13.0",
+    "@codesandbox/storybook-addon": "^0.2.2",
     "@emotion/babel-preset-css-prop": "^11.2.0",
     "@emotion/cache": "^11.4.0",
     "@emotion/eslint-plugin": "^11.2.0",