@pingux/astro 1.17.0-alpha.0 → 1.17.0-alpha.3

package/lib/cjs/recipes/OneWayToBidirectionalArrow.stories.js

@@ -1,160 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = exports.Default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _DragVerticalIcon = _interopRequireDefault(require("mdi-react/DragVerticalIcon"));
-
-var _DeleteIcon = _interopRequireDefault(require("mdi-react/DeleteIcon"));
-
-var _CogsIcon = _interopRequireDefault(require("mdi-react/CogsIcon"));
-
-var _Box = _interopRequireDefault(require("../components/Box"));
-
-var _index = require("../index");
-
-var _react2 = require("@emotion/react");
-
-var _default = {
-  title: 'Recipes/OneWayToBidirectionalArrow'
-};
-exports["default"] = _default;
-var items = [{
-  name: 'Last Name',
-  id: '1'
-}, {
-  name: 'First Name',
-  id: '2'
-}, {
-  name: 'Third Option',
-  id: '3'
-}];
-
-var Default = function Default() {
-  var CustomOnSvg = function CustomOnSvg() {
-    return (0, _react2.jsx)("svg", {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, (0, _react2.jsx)("path", {
-      d: "M8 10V13H14V18H8V21L2 15.5L8 10Z",
-      fill: "#CACED3"
-    }), (0, _react2.jsx)("path", {
-      d: "M9.83325 10.6251V6.37511H15.4999V2.94678L21.0533 8.50011L15.4999 14.0534V10.6251H9.83325Z",
-      fill: "#4462ED"
-    }), (0, _react2.jsx)("path", {
-      d: "M8 10V13H14V18H8V21L2 15.5L8 10ZM22 8.5L16 3V6H10V11H16V14L22 8.5Z",
-      fill: "#515F6B"
-    }));
-  };
-
-  var CustomOffSvg = function CustomOffSvg() {
-    return (0, _react2.jsx)("svg", {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, (0, _react2.jsx)("path", {
-      d: "M8 10V13H14V18H8V21L2 15.5L8 10Z",
-      fill: "#CACED3"
-    }), (0, _react2.jsx)("path", {
-      d: "M9.83331 10.6251V6.37511H15.5V2.94678L21.0533 8.50011L15.5 14.0534V10.6251H9.83331Z",
-      fill: "#4462ED"
-    }));
-  };
-
-  return (0, _react2.jsx)(_Box["default"], {
-    sx: {
-      alignItems: 'center'
-    },
-    isRow: true
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _DragVerticalIcon["default"],
-    size: 25,
-    color: "neutral.50"
-  }), (0, _react2.jsx)(_index.ComboBoxField, {
-    items: items,
-    defaultSelectedKey: "Last Name",
-    containerProps: {
-      width: '275px'
-    },
-    labelProps: {
-      mb: 0
-    },
-    "aria-label": "Row one value",
-    controlProps: {
-      'aria-label': 'test'
-    }
-  }, function (item) {
-    return (0, _react2.jsx)(_index.Item, {
-      key: item.name,
-      "data-id": item.name
-    }, item.name);
-  }), (0, _react2.jsx)(_Box["default"], {
-    sx: {
-      ml: '5px',
-      mr: '5px',
-      flexShrink: 0
-    }
-  }, (0, _react2.jsx)(_index.IconButtonToggle, {
-    toggledIcon: CustomOnSvg,
-    defaultIcon: CustomOffSvg,
-    title: "Bidirectional/ Outbound toggle",
-    iconProps: {
-      size: 20
-    },
-    buttonProps: {
-      variant: 'svgIconButton'
-    }
-  })), (0, _react2.jsx)(_index.ComboBoxField, {
-    items: items,
-    defaultSelectedKey: "First Name",
-    containerProps: {
-      width: '275px'
-    },
-    labelProps: {
-      mb: 0
-    },
-    controlProps: {
-      'aria-label': 'Row one Pingone value'
-    }
-  }, function (item) {
-    return (0, _react2.jsx)(_index.Item, {
-      key: item.name,
-      "data-id": item.name
-    }, item.name);
-  }), (0, _react2.jsx)(_Box["default"], {
-    isRow: true,
-    alignItems: "center",
-    sx: {
-      marginLeft: '12px',
-      marginRight: '12px'
-    }
-  }, (0, _react2.jsx)(_index.IconButton, null, (0, _react2.jsx)(_index.Icon, {
-    icon: _CogsIcon["default"],
-    color: "neutral.30",
-    size: 20,
-    title: "edit icon"
-  })), (0, _react2.jsx)(_index.IconButton, {
-    ml: "5px"
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _DeleteIcon["default"],
-    color: "neutral.30",
-    size: 20,
-    title: "delete icon"
-  }))));
-};
-
-exports.Default = Default;

package/lib/cjs/recipes/PanelHeader.stories.js

@@ -1,97 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = exports.Default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
-
-var _DotsVerticalIcon = _interopRequireDefault(require("mdi-react/DotsVerticalIcon"));
-
-var _CloseIcon = _interopRequireDefault(require("mdi-react/CloseIcon"));
-
-var _Box = _interopRequireDefault(require("../components/Box"));
-
-var _Icon = _interopRequireDefault(require("../components/Icon"));
-
-var _Text = _interopRequireDefault(require("../components/Text"));
-
-var _IconButton = _interopRequireDefault(require("../components/IconButton"));
-
-var _PopoverMenu = _interopRequireDefault(require("../components/PopoverMenu"));
-
-var _index = require("../index");
-
-var _react2 = require("@emotion/react");
-
-var _default = {
-  title: 'Recipes/Panel Header'
-};
-exports["default"] = _default;
-
-var Default = function Default() {
-  return (0, _react2.jsx)(_Box["default"], {
-    bg: "accent.99",
-    py: "sm",
-    pl: "md",
-    isRow: true,
-    alignItems: "center",
-    sx: {
-      width: 'fit-content'
-    }
-  }, (0, _react2.jsx)(_Icon["default"], {
-    icon: _AccountIcon["default"],
-    size: 25,
-    color: "accent.40"
-  }), (0, _react2.jsx)(_Box["default"], {
-    ml: "sm",
-    mr: "xx"
-  }, (0, _react2.jsx)(_Text["default"], {
-    sx: {
-      fontSize: 'md',
-      lineHeight: '18px'
-    },
-    variant: "bodyStrong"
-  }, "Fons Vernall"), (0, _react2.jsx)(_Text["default"], {
-    sx: {
-      fontSize: 'sm',
-      my: '1px',
-      lineHeight: '16px'
-    },
-    variant: "subtitle"
-  }, "fvernall0@google.it")), (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_PopoverMenu["default"], null, (0, _react2.jsx)(_IconButton["default"], {
-    "aria-label": "Menu Button"
-  }, (0, _react2.jsx)(_Icon["default"], {
-    icon: _DotsVerticalIcon["default"],
-    size: 16.8,
-    color: "Neutral.40",
-    m: "0.61px"
-  })), (0, _react2.jsx)(_index.Menu, null, (0, _react2.jsx)(_index.Item, {
-    key: "edit"
-  }, "Edit"), (0, _react2.jsx)(_index.Item, {
-    key: "duplicate"
-  }, "Duplicate"), (0, _react2.jsx)(_index.Item, {
-    key: "delete",
-    textValue: "delete"
-  }, (0, _react2.jsx)(_Text["default"], {
-    color: "critical.bright"
-  }, "Delete"))))), (0, _react2.jsx)(_Box["default"], null, (0, _react2.jsx)(_IconButton["default"], {
-    "aria-label": "Close Button",
-    mx: "10px"
-  }, (0, _react2.jsx)(_Icon["default"], {
-    icon: _CloseIcon["default"],
-    size: 16.8,
-    color: "Neutral.40",
-    m: "0.61px"
-  }))));
-};
-
-exports.Default = Default;

package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js

@@ -1,154 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = exports.Default = void 0;
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _CloseIcon = _interopRequireDefault(require("mdi-react/CloseIcon"));
-
-var _index = require("../index");
-
-var _RadioField = _interopRequireDefault(require("../components/RadioField"));
-
-var _RadioGroupField = _interopRequireDefault(require("../components/RadioGroupField"));
-
-var _react2 = require("@emotion/react");
-
-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); }
-
-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; }
-
-var _default = {
-  title: 'Recipes/RadioButtonsWithLinks'
-};
-exports["default"] = _default;
-
-var Default = function Default() {
-  var roles = [{
-    name: 'Client Application Developer'
-  }, {
-    name: 'Environment Admin',
-    isDisabled: true
-  }, {
-    name: 'Identity Data Admin',
-    isDisabled: true
-  }, {
-    name: 'Organization Admin'
-  }];
-  var titleSx = {
-    fontSize: 'md',
-    color: 'neutral.20',
-    fontWeight: 2
-  };
-  var subtitleSx = {
-    fontSize: 'md',
-    color: 'neutral.10'
-  };
-
-  var RadioFieldWithButton = function RadioFieldWithButton(_ref) {
-    var fieldName = _ref.fieldName,
-        isDisabled = _ref.isDisabled;
-
-    var _useState = (0, _react.useState)(false),
-        _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-        isOpen = _useState2[0],
-        setIsOpen = _useState2[1];
-
-    return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Box, {
-      isRow: true,
-      alignItems: "center"
-    }, (0, _react2.jsx)(_RadioField["default"], {
-      value: fieldName,
-      label: fieldName,
-      isDisabled: isDisabled
-    }), (0, _react2.jsx)(_index.Button, {
-      variant: "link",
-      mb: "xs",
-      ml: "md",
-      onPress: function onPress() {
-        return setIsOpen(function (prev) {
-          return !prev;
-        });
-      },
-      isDisabled: isDisabled
-    }, "".concat(isOpen ? 'Hide' : 'Show', " Permissions"))), isOpen && (0, _react2.jsx)(PermissionsList, {
-      onPress: function onPress() {
-        return setIsOpen(false);
-      }
-    }));
-  };
-
-  var PermissionsList = function PermissionsList(_ref2) {
-    var onPress = _ref2.onPress;
-    return (0, _react2.jsx)(_index.Box, {
-      p: "md",
-      bg: "neutral.95"
-    }, (0, _react2.jsx)(_index.Box, {
-      isRow: true,
-      justifyContent: "space-between",
-      mb: "sm"
-    }, (0, _react2.jsx)(_index.Text, {
-      sx: {
-        fontWeight: 2
-      }
-    }, "Permissions"), (0, _react2.jsx)(_index.IconButton, {
-      onPress: onPress
-    }, (0, _react2.jsx)(_index.Icon, {
-      icon: _CloseIcon["default"]
-    }))), (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Text, {
-      sx: titleSx,
-      mb: "xs"
-    }, "Resource"), (0, _react2.jsx)(_index.Text, {
-      sx: subtitleSx,
-      mb: "sm"
-    }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."), (0, _react2.jsx)(_index.Text, {
-      sx: titleSx,
-      mb: "xs"
-    }, "Push Credentials"), (0, _react2.jsx)(_index.Text, {
-      sx: subtitleSx,
-      mb: "sm"
-    }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"), (0, _react2.jsx)(_index.Text, {
-      sx: titleSx,
-      mb: "xs"
-    }, "Organization"), (0, _react2.jsx)(_index.Text, {
-      sx: subtitleSx,
-      mb: "sm"
-    }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco"), (0, _react2.jsx)(_index.Text, {
-      sx: titleSx,
-      mb: "xs"
-    }, "Image"), (0, _react2.jsx)(_index.Text, {
-      sx: subtitleSx,
-      mb: "sm"
-    }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod")));
-  };
-
-  return (0, _react2.jsx)(_RadioGroupField["default"], null, (0, _map["default"])(roles).call(roles, function (_ref3) {
-    var name = _ref3.name,
-        isDisabled = _ref3.isDisabled;
-    return (0, _react2.jsx)(RadioFieldWithButton, {
-      fieldName: name,
-      isDisabled: isDisabled,
-      key: name
-    });
-  }));
-};
-
-exports.Default = Default;