@papillonarts/components 0.8.0 → 0.10.0

package/build/primer/SelectMenu/SelectMenu.js

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectMenu = SelectMenu;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _uuid = require("uuid");
-var _array = require("@papillonarts/library/array");
-var _hooks = require("@papillonarts/library/hooks");
-var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
-var _details = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/details.scss"));
-var _SelectMenu = require("./SelectMenu.prop");
-var _SelectMenu2 = _interopRequireDefault(require("./SelectMenu.scss"));
-var _Button = _interopRequireDefault(require("../Button/Button.scss"));
-var _Icon = require("../Icon");
-var _jsxRuntime = require("react/jsx-runtime");
-function SelectMenu(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _SelectMenu.defaultProps.className : _ref$className,
-    summary = _ref.summary,
-    icon = _ref.icon,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? _SelectMenu.defaultProps.title : _ref$title,
-    ariaAttr = _ref.ariaAttr,
-    items = _ref.items,
-    _onClick = _ref.onClick;
-  var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    indexItems = _useState2[0],
-    setIndexItems = _useState2[1];
-  var haspopup = ariaAttr.haspopup;
-  var details = (0, _hooks.useRef)(null);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
-    ref: details,
-    className: (0, _classnames["default"])(className, _details["default"]['details-reset'], _details["default"]['details-overlay']),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("summary", {
-      className: (0, _classnames["default"])(_Button["default"].btn, _Button["default"]['btn-outline']),
-      "aria-haspopup": haspopup,
-      children: [summary, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-        className: (0, _classnames["default"])(_margin["default"]['ml-2']),
-        icon: icon,
-        size: _Icon.iconSize.small
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _SelectMenu2["default"].SelectMenu,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _SelectMenu2["default"]['SelectMenu-modal'],
-        children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
-          className: _SelectMenu2["default"]['SelectMenu-header'],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-            className: _SelectMenu2["default"]['SelectMenu-title'],
-            children: title
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-            className: _SelectMenu2["default"]['SelectMenu-closeButton'],
-            type: "button"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _SelectMenu2["default"]['SelectMenu-list'],
-          children: indexItems.map(function (indexItem) {
-            var text = indexItem.text;
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-              type: "button",
-              onClick: function onClick(e) {
-                e.preventDefault();
-                var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
-                setIndexItems(newIndexItems);
-                _onClick({
-                  ariaAttr: ariaAttr,
-                  items: newIndexItems.map(function (newIndexItem) {
-                    return function (_ref2) {
-                      var text = _ref2.text,
-                        isSelected = _ref2.isSelected;
-                      return {
-                        text: text,
-                        isSelected: isSelected
-                      };
-                    }(newIndexItem);
-                  }) // eslint-disable-line
-                });
-                details.current.removeAttribute('open');
-              },
-              className: _SelectMenu2["default"]['SelectMenu-item'],
-              role: "menuitem",
-              children: text
-            }, (0, _uuid.v1)());
-          })
-        })]
-      })
-    })]
-  });
-}
-SelectMenu.propTypes = _SelectMenu.propTypes;

package/build/primer/SelectMenu/SelectMenu.prop.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var _Icon = require("../Icon/Icon.prop");
-var propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  summary: _propTypes.string.isRequired,
-  icon: (0, _propTypes.oneOf)(Object.keys(_Icon.iconName)),
-  title: _propTypes.string,
-  ariaAttr: (0, _propTypes.shape)({
-    haspopup: _propTypes.bool
-  }).isRequired,
-  items: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    text: _propTypes.string,
-    isSelected: _propTypes.bool
-  })).isRequired,
-  onClick: _propTypes.func.isRequired
-};
-var defaultProps = exports.defaultProps = {
-  className: null,
-  title: null
-};

package/build/primer/SelectMenu/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SelectMenu", {
-  enumerable: true,
-  get: function get() {
-    return _SelectMenu.SelectMenu;
-  }
-});
-var _SelectMenu = require("./SelectMenu");

package/build/primer/Subhead/Subhead.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Subhead = Subhead;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Subhead = require("./Subhead.prop");
-var _Subhead2 = _interopRequireDefault(require("./Subhead.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Subhead(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Subhead.defaultProps.className : _ref$className,
-    heading = _ref.heading,
-    _ref$isSpacious = _ref.isSpacious,
-    isSpacious = _ref$isSpacious === void 0 ? _Subhead.defaultProps.isSpacious : _ref$isSpacious;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])(className, _Subhead2["default"].Subhead, (0, _defineProperty2["default"])({}, _Subhead2["default"]['Subhead--spacious'], isSpacious === true)),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _Subhead2["default"]['Subhead-heading'],
-      children: heading
-    })
-  });
-}
-Subhead.propTypes = _Subhead.propTypes;

package/build/primer/Subhead/Subhead.prop.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  heading: _propTypes.string.isRequired,
-  isSpacious: _propTypes.bool
-};
-var defaultProps = exports.defaultProps = {
-  className: null,
-  isSpacious: false
-};

package/build/primer/Subhead/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Subhead", {
-  enumerable: true,
-  get: function get() {
-    return _Subhead.Subhead;
-  }
-});
-var _Subhead = require("./Subhead");

package/build/primer/Toast/Toast.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Toast = Toast;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/padding.scss"));
-var _Toast = require("./Toast.prop");
-var _Toast2 = _interopRequireDefault(require("./Toast.scss"));
-var _Icon = require("../Icon");
-var _jsxRuntime = require("react/jsx-runtime");
-function Toast(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Toast.defaultProps.className : _ref$className,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? _Toast.defaultProps.variant : _ref$variant,
-    text = _ref.text,
-    _ref$isDismissable = _ref.isDismissable,
-    isDismissable = _ref$isDismissable === void 0 ? _Toast.defaultProps.isDismissable : _ref$isDismissable,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? _Toast.defaultProps.onClick : _ref$onClick;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])(className, _padding["default"]['p-1']),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames["default"])(_Toast2["default"].Toast, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Toast2["default"]['Toast--success'], variant === _Toast.toastVariant.success), _Toast2["default"]['Toast--warning'], variant === _Toast.toastVariant.warning), _Toast2["default"]['Toast--error'], variant === _Toast.toastVariant.error)),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: _Toast2["default"]['Toast-icon'],
-        children: [variant === _Toast.toastVariant.info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          icon: _Icon.iconName.Info16
-        }), variant === _Toast.toastVariant.success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          icon: _Icon.iconName.Check16
-        }), variant === _Toast.toastVariant.warning && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          icon: _Icon.iconName.Alert16
-        }), variant === _Toast.toastVariant.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          icon: _Icon.iconName.Stop16
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _Toast2["default"]['Toast-content'],
-        children: text
-      }), isDismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: "button",
-        className: _Toast2["default"]['Toast-dismissButton'],
-        onClick: onClick,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          icon: _Icon.iconName.X16,
-          size: _Icon.iconSize.small
-        })
-      })]
-    })
-  });
-}
-Toast.propTypes = _Toast.propTypes;

package/build/primer/Toast/Toast.prop.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toastVariant = exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var toastVariant = exports.toastVariant = {
-  info: 'info',
-  success: 'success',
-  warning: 'warning',
-  error: 'error'
-};
-var propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  variant: (0, _propTypes.oneOf)(Object.keys(toastVariant)),
-  text: _propTypes.string.isRequired,
-  isDismissable: _propTypes.bool,
-  onClick: _propTypes.func
-};
-var defaultProps = exports.defaultProps = {
-  className: null,
-  variant: toastVariant.info,
-  isDismissable: false,
-  onClick: function onClick() {}
-};

package/build/primer/Toast/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Toast", {
-  enumerable: true,
-  get: function get() {
-    return _Toast.Toast;
-  }
-});
-Object.defineProperty(exports, "toastVariant", {
-  enumerable: true,
-  get: function get() {
-    return _Toast2.toastVariant;
-  }
-});
-var _Toast = require("./Toast");
-var _Toast2 = require("./Toast.prop");

package/build/primer/index.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.primer = void 0;
-var _Alert = require("./Alert");
-var _Breadcrumb = require("./Breadcrumb");
-var _Blankslate = require("./Blankslate");
-var _Button = require("./Button");
-var _Dropdown = require("./Dropdown");
-var _ErrorBoundary = require("./ErrorBoundary");
-var _Form = require("./Form");
-var _Grid = require("./Grid");
-var _Icon = require("./Icon");
-var _Label = require("./Label");
-var _Loader = require("./Loader");
-var _Navigation = require("./Navigation");
-var _Pagination = require("./Pagination");
-var _Popover = require("./Popover");
-var _Progress = require("./Progress");
-var _Select = require("./Select");
-var _SelectMenu = require("./SelectMenu");
-var _Subhead = require("./Subhead");
-var _Toast = require("./Toast");
-require("@papillonarts/css/build/primer/index.scss");
-var primer = exports.primer = {
-  Alert: {
-    Alert: _Alert.Alert,
-    alertVariant: _Alert.alertVariant
-  },
-  Breadcrumb: {
-    Breadcrumb: _Breadcrumb.Breadcrumb,
-    breadcrumbState: _Breadcrumb.breadcrumbState
-  },
-  Blankslate: {
-    Blankslate: _Blankslate.Blankslate,
-    blankslateVariant: _Blankslate.blankslateVariant
-  },
-  Button: {
-    Button: _Button.Button,
-    buttonElement: _Button.buttonElement,
-    buttonVariant: _Button.buttonVariant,
-    buttonSize: _Button.buttonSize,
-    buttonState: _Button.buttonState,
-    iconAlignment: _Button.iconAlignment,
-    buttonInputType: _Button.buttonInputType
-  },
-  Dropdown: {
-    Dropdown: _Dropdown.Dropdown,
-    dropdownState: _Dropdown.dropdownState
-  },
-  ErrorBoundary: _ErrorBoundary.ErrorBoundary,
-  Form: _Form.Form,
-  Grid: _Grid.Grid,
-  Icon: {
-    Icon: _Icon.Icon,
-    iconName: _Icon.iconName,
-    iconSize: _Icon.iconSize
-  },
-  Label: _Label.Label,
-  Loader: {
-    Loader: _Loader.Loader,
-    loaderVariant: _Loader.loaderVariant
-  },
-  Navigation: _Navigation.Navigation,
-  Pagination: _Pagination.Pagination,
-  Popover: {
-    Popover: _Popover.Popover,
-    popoverVariant: _Popover.popoverVariant,
-    popoverSize: _Popover.popoverSize
-  },
-  Progress: {
-    Progress: _Progress.Progress,
-    progressVariant: _Progress.progressVariant
-  },
-  Select: {
-    Select: _Select.Select,
-    selectState: _Select.selectState
-  },
-  SelectMenu: _SelectMenu.SelectMenu,
-  Subhead: _Subhead.Subhead,
-  Toast: {
-    Toast: _Toast.Toast,
-    toastVariant: _Toast.toastVariant
-  }
-};