@pingux/astro 2.9.2 → 2.13.0-alpha.3

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

@@ -1,254 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithError = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _AlertCircleIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertCircleIcon"));
-var _CreateIcon = _interopRequireDefault(require("@pingux/mdi-react/CreateIcon"));
-var _uuid = require("uuid");
-var _index = require("../index");
-var _react2 = require("@emotion/react");
-var _default = {
-  title: 'Recipes/Attribute Mapping Read Only Field'
-};
-exports["default"] = _default;
-var sx = {
-  alertCircleIcon: {
-    position: 'absolute',
-    right: '4px',
-    top: '4px',
-    fill: '#A31300'
-  },
-  attributeMappingTitle: {
-    fontSize: 'lg',
-    lineHeight: '21px',
-    fontWeight: 3,
-    color: 'text.primary'
-  },
-  attributeMappingTitleWrapper: {
-    marginBottom: 'md',
-    alignItems: 'center'
-  },
-  badge: {
-    width: 'xx',
-    height: '22px',
-    alignSelf: 'center',
-    minWidth: 'fit-content',
-    border: '1px solid',
-    borderColor: 'neutral.80',
-    backgroundColor: 'white !important',
-    marginLeft: 8,
-    '& span': {
-      fontSize: 'sm',
-      lineHeight: 1,
-      color: '#253746'
-    }
-  },
-  createIconButton: {
-    marginLeft: 'xs'
-  },
-  defaultFieldsWrapperBox: {
-    padding: '10px 10px 24px 10px',
-    width: '450px',
-    backgroundColor: 'accent.99'
-  },
-  fieldColumnTitle: {
-    fontWeight: 3,
-    fontSize: 'md',
-    lineHeight: '18px',
-    marginBottom: 'xs'
-  },
-  fieldColumnTitleWrapper: {
-    width: 'calc(50% - 22px)'
-  },
-  fieldRowWrapper: {
-    alignItems: 'center',
-    marginTop: 'sm'
-  },
-  separator: {
-    width: '21px',
-    margin: '0 2px'
-  },
-  tooltipBox: {
-    marginLeft: 'xs',
-    height: 'md',
-    width: 'md'
-  }
-};
-var helperTextId = (0, _uuid.v4)();
-var Row = function Row(props) {
-  var withBadge = props.withBadge,
-    withTooltip = props.withTooltip,
-    withError = props.withError,
-    leftValue = props.leftValue,
-    rightValue = props.rightValue;
-  return (0, _react2.jsx)(_index.Box, {
-    isRow: true,
-    sx: sx.fieldRowWrapper
-  }, (0, _react2.jsx)(_index.TextField, {
-    isReadOnly: true,
-    value: leftValue,
-    labelProps: {
-      mb: 0
-    },
-    controlProps: {
-      variant: 'input.small',
-      'aria-label': "input ".concat(leftValue),
-      sx: {
-        width: '165px'
-      }
-    },
-    "aria-labelledby": withError && helperTextId,
-    slots: withError && {
-      inContainer: (0, _react2.jsx)(_index.Icon, {
-        icon: _AlertCircleIcon["default"],
-        sx: sx.alertCircleIcon,
-        title: {
-          name: 'Alert Circle Icon'
-        }
-      })
-    }
-  }), (0, _react2.jsx)(_index.Separator, {
-    sx: sx.separator
-  }), (0, _react2.jsx)(_index.TextField, {
-    isReadOnly: true,
-    value: rightValue,
-    labelProps: {
-      mb: 0
-    },
-    controlProps: {
-      variant: 'input.small',
-      'aria-label': "input ".concat(rightValue),
-      sx: {
-        width: '165px'
-      }
-    }
-  }), withBadge && (0, _react2.jsx)(_index.Badge, {
-    label: "Required",
-    sx: sx.badge
-  }), withTooltip && (0, _react2.jsx)(_index.Box, {
-    sx: sx.tooltipBox
-  }, (0, _react2.jsx)(_index.HelpHint, {
-    tooltipProps: {
-      direction: 'bottom'
-    }
-  }, "Population set to default")));
-};
-var Title = function Title() {
-  return (0, _react2.jsx)(_index.Box, {
-    isRow: true,
-    sx: sx.attributeMappingTitleWrapper
-  }, (0, _react2.jsx)(_index.Text, {
-    sx: sx.attributeMappingTitle
-  }, "Attribute Mapping"), (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.IconButton, {
-    sx: sx.createIconButton,
-    variant: "inverted",
-    "aria-label": "edit header button"
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _CreateIcon["default"],
-    size: "sm",
-    title: {
-      name: 'Create Icon'
-    }
-  }))));
-};
-var Default = function Default() {
-  return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(Title, null), (0, _react2.jsx)(_index.Box, {
-    sx: sx.defaultFieldsWrapperBox
-  }, (0, _react2.jsx)(_index.Box, {
-    isRow: true,
-    sx: {
-      width: '100%'
-    }
-  }, (0, _react2.jsx)(_index.Box, {
-    sx: sx.fieldColumnTitleWrapper
-  }, (0, _react2.jsx)(_index.Text, {
-    sx: sx.fieldColumnTitle
-  }, "PingOne")), (0, _react2.jsx)(_index.Box, {
-    sx: sx.fieldColumnTitleWrapper
-  }, (0, _react2.jsx)(_index.Text, {
-    sx: sx.fieldColumnTitle
-  }, "Google Suites"))), (0, _react2.jsx)(_index.Separator, null), (0, _react2.jsx)(Row, {
-    withBadge: true,
-    leftValue: "UserId",
-    rightValue: "mdorey"
-  }), (0, _react2.jsx)(Row, {
-    leftValue: "givenName",
-    rightValue: "firstName"
-  }), (0, _react2.jsx)(Row, {
-    leftValue: "familyName",
-    rightValue: "lastName"
-  }), (0, _react2.jsx)(Row, {
-    withTooltip: true,
-    leftValue: "population",
-    rightValue: "population"
-  }), (0, _react2.jsx)(Row, {
-    leftValue: "password",
-    rightValue: "password"
-  })));
-};
-exports.Default = Default;
-var WithError = function WithError() {
-  var withError = true;
-  var withErrorSx = {
-    errorBox: {
-      flexDirection: 'row !important',
-      alignItems: 'center',
-      padding: '13px 12px 13px 15px',
-      gap: 'md',
-      border: '1px solid #A31300',
-      width: '450px',
-      marginBottom: 'xs'
-    },
-    text: {
-      fontSize: 'sm',
-      lineHeight: '15px'
-    }
-  };
-  return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(Title, null), withError && (0, _react2.jsx)(_index.Box, {
-    sx: withErrorSx.errorBox
-  }, (0, _react2.jsx)(_index.Icon, {
-    size: 24,
-    icon: _AlertCircleIcon["default"],
-    color: "#A31300",
-    title: {
-      name: 'Alert Circle Icon'
-    }
-  }), (0, _react2.jsx)(_index.Text, {
-    sx: withErrorSx.text,
-    id: helperTextId,
-    role: "alert"
-  }, "This attribute is unavailable. Please map the attribute again or re-map to a different attribute.")), (0, _react2.jsx)(_index.Box, {
-    sx: sx.defaultFieldsWrapperBox
-  }, (0, _react2.jsx)(_index.Box, {
-    isRow: true,
-    sx: {
-      width: '100%'
-    }
-  }, (0, _react2.jsx)(_index.Box, {
-    sx: sx.fieldColumnTitleWrapper
-  }, (0, _react2.jsx)(_index.Text, {
-    sx: sx.fieldColumnTitle
-  }, "PingOne")), (0, _react2.jsx)(_index.Box, {
-    sx: sx.fieldColumnTitleWrapper
-  }, (0, _react2.jsx)(_index.Text, {
-    sx: sx.fieldColumnTitle
-  }, "Google Suites"))), (0, _react2.jsx)(_index.Separator, null), (0, _react2.jsx)(Row, {
-    withBadge: true,
-    leftValue: "UserId",
-    rightValue: "mdorey"
-  }), (0, _react2.jsx)(Row, {
-    withError: withError,
-    leftValue: "givenName",
-    rightValue: "firstName"
-  }), (0, _react2.jsx)(Row, {
-    withError: withError,
-    leftValue: "familyName",
-    rightValue: "lastName"
-  })));
-};
-exports.WithError = WithError;

package/lib/recipes/AttributeMappingReadOnlyField.stories.js

@@ -1,243 +0,0 @@
-import React from 'react';
-import AlertCircleIcon from '@pingux/mdi-react/AlertCircleIcon';
-import CreateIcon from '@pingux/mdi-react/CreateIcon';
-import { v4 as uuid } from 'uuid';
-import { Badge, Box, HelpHint, Icon, IconButton, Separator, Text, TextField } from '../index';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Recipes/Attribute Mapping Read Only Field'
-};
-var sx = {
-  alertCircleIcon: {
-    position: 'absolute',
-    right: '4px',
-    top: '4px',
-    fill: '#A31300'
-  },
-  attributeMappingTitle: {
-    fontSize: 'lg',
-    lineHeight: '21px',
-    fontWeight: 3,
-    color: 'text.primary'
-  },
-  attributeMappingTitleWrapper: {
-    marginBottom: 'md',
-    alignItems: 'center'
-  },
-  badge: {
-    width: 'xx',
-    height: '22px',
-    alignSelf: 'center',
-    minWidth: 'fit-content',
-    border: '1px solid',
-    borderColor: 'neutral.80',
-    backgroundColor: 'white !important',
-    marginLeft: 8,
-    '& span': {
-      fontSize: 'sm',
-      lineHeight: 1,
-      color: '#253746'
-    }
-  },
-  createIconButton: {
-    marginLeft: 'xs'
-  },
-  defaultFieldsWrapperBox: {
-    padding: '10px 10px 24px 10px',
-    width: '450px',
-    backgroundColor: 'accent.99'
-  },
-  fieldColumnTitle: {
-    fontWeight: 3,
-    fontSize: 'md',
-    lineHeight: '18px',
-    marginBottom: 'xs'
-  },
-  fieldColumnTitleWrapper: {
-    width: 'calc(50% - 22px)'
-  },
-  fieldRowWrapper: {
-    alignItems: 'center',
-    marginTop: 'sm'
-  },
-  separator: {
-    width: '21px',
-    margin: '0 2px'
-  },
-  tooltipBox: {
-    marginLeft: 'xs',
-    height: 'md',
-    width: 'md'
-  }
-};
-var helperTextId = uuid();
-var Row = function Row(props) {
-  var withBadge = props.withBadge,
-    withTooltip = props.withTooltip,
-    withError = props.withError,
-    leftValue = props.leftValue,
-    rightValue = props.rightValue;
-  return ___EmotionJSX(Box, {
-    isRow: true,
-    sx: sx.fieldRowWrapper
-  }, ___EmotionJSX(TextField, {
-    isReadOnly: true,
-    value: leftValue,
-    labelProps: {
-      mb: 0
-    },
-    controlProps: {
-      variant: 'input.small',
-      'aria-label': "input ".concat(leftValue),
-      sx: {
-        width: '165px'
-      }
-    },
-    "aria-labelledby": withError && helperTextId,
-    slots: withError && {
-      inContainer: ___EmotionJSX(Icon, {
-        icon: AlertCircleIcon,
-        sx: sx.alertCircleIcon,
-        title: {
-          name: 'Alert Circle Icon'
-        }
-      })
-    }
-  }), ___EmotionJSX(Separator, {
-    sx: sx.separator
-  }), ___EmotionJSX(TextField, {
-    isReadOnly: true,
-    value: rightValue,
-    labelProps: {
-      mb: 0
-    },
-    controlProps: {
-      variant: 'input.small',
-      'aria-label': "input ".concat(rightValue),
-      sx: {
-        width: '165px'
-      }
-    }
-  }), withBadge && ___EmotionJSX(Badge, {
-    label: "Required",
-    sx: sx.badge
-  }), withTooltip && ___EmotionJSX(Box, {
-    sx: sx.tooltipBox
-  }, ___EmotionJSX(HelpHint, {
-    tooltipProps: {
-      direction: 'bottom'
-    }
-  }, "Population set to default")));
-};
-var Title = function Title() {
-  return ___EmotionJSX(Box, {
-    isRow: true,
-    sx: sx.attributeMappingTitleWrapper
-  }, ___EmotionJSX(Text, {
-    sx: sx.attributeMappingTitle
-  }, "Attribute Mapping"), ___EmotionJSX(Box, null, ___EmotionJSX(IconButton, {
-    sx: sx.createIconButton,
-    variant: "inverted",
-    "aria-label": "edit header button"
-  }, ___EmotionJSX(Icon, {
-    icon: CreateIcon,
-    size: "sm",
-    title: {
-      name: 'Create Icon'
-    }
-  }))));
-};
-export var Default = function Default() {
-  return ___EmotionJSX(Box, null, ___EmotionJSX(Title, null), ___EmotionJSX(Box, {
-    sx: sx.defaultFieldsWrapperBox
-  }, ___EmotionJSX(Box, {
-    isRow: true,
-    sx: {
-      width: '100%'
-    }
-  }, ___EmotionJSX(Box, {
-    sx: sx.fieldColumnTitleWrapper
-  }, ___EmotionJSX(Text, {
-    sx: sx.fieldColumnTitle
-  }, "PingOne")), ___EmotionJSX(Box, {
-    sx: sx.fieldColumnTitleWrapper
-  }, ___EmotionJSX(Text, {
-    sx: sx.fieldColumnTitle
-  }, "Google Suites"))), ___EmotionJSX(Separator, null), ___EmotionJSX(Row, {
-    withBadge: true,
-    leftValue: "UserId",
-    rightValue: "mdorey"
-  }), ___EmotionJSX(Row, {
-    leftValue: "givenName",
-    rightValue: "firstName"
-  }), ___EmotionJSX(Row, {
-    leftValue: "familyName",
-    rightValue: "lastName"
-  }), ___EmotionJSX(Row, {
-    withTooltip: true,
-    leftValue: "population",
-    rightValue: "population"
-  }), ___EmotionJSX(Row, {
-    leftValue: "password",
-    rightValue: "password"
-  })));
-};
-export var WithError = function WithError() {
-  var withError = true;
-  var withErrorSx = {
-    errorBox: {
-      flexDirection: 'row !important',
-      alignItems: 'center',
-      padding: '13px 12px 13px 15px',
-      gap: 'md',
-      border: '1px solid #A31300',
-      width: '450px',
-      marginBottom: 'xs'
-    },
-    text: {
-      fontSize: 'sm',
-      lineHeight: '15px'
-    }
-  };
-  return ___EmotionJSX(Box, null, ___EmotionJSX(Title, null), withError && ___EmotionJSX(Box, {
-    sx: withErrorSx.errorBox
-  }, ___EmotionJSX(Icon, {
-    size: 24,
-    icon: AlertCircleIcon,
-    color: "#A31300",
-    title: {
-      name: 'Alert Circle Icon'
-    }
-  }), ___EmotionJSX(Text, {
-    sx: withErrorSx.text,
-    id: helperTextId,
-    role: "alert"
-  }, "This attribute is unavailable. Please map the attribute again or re-map to a different attribute.")), ___EmotionJSX(Box, {
-    sx: sx.defaultFieldsWrapperBox
-  }, ___EmotionJSX(Box, {
-    isRow: true,
-    sx: {
-      width: '100%'
-    }
-  }, ___EmotionJSX(Box, {
-    sx: sx.fieldColumnTitleWrapper
-  }, ___EmotionJSX(Text, {
-    sx: sx.fieldColumnTitle
-  }, "PingOne")), ___EmotionJSX(Box, {
-    sx: sx.fieldColumnTitleWrapper
-  }, ___EmotionJSX(Text, {
-    sx: sx.fieldColumnTitle
-  }, "Google Suites"))), ___EmotionJSX(Separator, null), ___EmotionJSX(Row, {
-    withBadge: true,
-    leftValue: "UserId",
-    rightValue: "mdorey"
-  }), ___EmotionJSX(Row, {
-    withError: withError,
-    leftValue: "givenName",
-    rightValue: "firstName"
-  }), ___EmotionJSX(Row, {
-    withError: withError,
-    leftValue: "familyName",
-    rightValue: "lastName"
-  })));
-};