@papillonarts/components 0.10.0 → 0.12.0

package/build/primer/Navigation/UnderlineNav/UnderlineNav.d.ts

@@ -0,0 +1,3 @@
+import { UnderlineNavProps } from './UnderlineNav.prop';
+export declare function UnderlineNav({ className, ariaAttr, items, itemType, actions, align, fullContainer, onClick, }: UnderlineNavProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UnderlineNav.d.ts.map

package/build/primer/Navigation/UnderlineNav/UnderlineNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../../../src/primer/Navigation/UnderlineNav/UnderlineNav.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAA2C,MAAM,qBAAqB,CAAA;AAKhG,wBAAgB,YAAY,CAAC,EAC3B,SAAkC,EAClC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAA8B,EAC9B,KAA0B,EAC1B,aAA0C,EAC1C,OAAO,GACR,EAAE,iBAAiB,2CAsFnB"}

package/build/primer/Navigation/UnderlineNav/UnderlineNav.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnderlineNav = UnderlineNav;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _uuid = require("uuid");
+var _array = require("@papillonarts/library/array");
+var _hooks = require("@papillonarts/library/hooks");
+var _UnderlineNav = require("./UnderlineNav.prop");
+var _UnderlineNav2 = _interopRequireDefault(require("./UnderlineNav.scss"));
+var _container = _interopRequireDefault(require("../../Layout/container.scss"));
+var _Icon = require("../../Icon");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function UnderlineNav(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _UnderlineNav.defaultProps.className : _ref$className,
+    ariaAttr = _ref.ariaAttr,
+    items = _ref.items,
+    itemType = _ref.itemType,
+    _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? _UnderlineNav.defaultProps.actions : _ref$actions,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? _UnderlineNav.defaultProps.align : _ref$align,
+    _ref$fullContainer = _ref.fullContainer,
+    fullContainer = _ref$fullContainer === void 0 ? _UnderlineNav.defaultProps.fullContainer : _ref$fullContainer,
+    _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 label = ariaAttr.label,
+    selected = ariaAttr.selected,
+    current = ariaAttr.current;
+  function renderActions() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _UnderlineNav2["default"]['UnderlineNav-actions'],
+      children: actions
+    });
+  }
+  function renderBody() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [align === _UnderlineNav.underlineNavAlignmentType.right && actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _UnderlineNav2["default"]['UnderlineNav-body'],
+        role: "tablist",
+        children: indexItems.map(function (indexItem) {
+          var href = indexItem.href,
+            icon = indexItem.icon,
+            text = indexItem.text,
+            html = indexItem.html,
+            isSelected = indexItem.isSelected;
+          var anchorOtherProps = isSelected ? _objectSpread({}, {
+            'aria-selected': selected
+          }) : null;
+          var buttonOtherProps = isSelected ? _objectSpread({}, {
+            'aria-current': current
+          }) : null;
+          switch (itemType) {
+            case 'button':
+              return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
+                onClick: function onClick(e) {
+                  e.preventDefault();
+                  var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+                  setIndexItems(newIndexItems);
+                  _onClick(newIndexItems);
+                },
+                className: _UnderlineNav2["default"]['UnderlineNav-item'],
+                role: "tab",
+                type: "button"
+                // @ts-ignore
+                ,
+                href: href
+              }, anchorOtherProps), {}, {
+                children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+                  className: _UnderlineNav2["default"]['UnderlineNav-octicon'],
+                  icon: icon,
+                  size: _Icon.iconSize.small
+                }), html || null, text]
+              }), (0, _uuid.v1)());
+            case 'a':
+              return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({
+                onClick: function onClick(e) {
+                  e.preventDefault();
+                  var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+                  setIndexItems(newIndexItems);
+                  _onClick(newIndexItems);
+                },
+                className: _UnderlineNav2["default"]['UnderlineNav-item'],
+                href: href
+              }, buttonOtherProps), {}, {
+                children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+                  className: _UnderlineNav2["default"]['UnderlineNav-octicon'],
+                  icon: icon,
+                  size: _Icon.iconSize.small
+                }), html || null, text]
+              }), (0, _uuid.v1)());
+            default:
+              return null;
+          }
+        })
+      }), align === _UnderlineNav.underlineNavAlignmentType.left && actions && renderActions()]
+    });
+  }
+  function renderBodyFullContainer() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames["default"])(_container["default"]['container-lg'], _UnderlineNav2["default"]['UnderlineNav-container']),
+      children: renderBody()
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("nav", {
+    className: (0, _classnames["default"])(className, _UnderlineNav2["default"].UnderlineNav, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _UnderlineNav2["default"]['UnderlineNav--right'], align === _UnderlineNav.underlineNavAlignmentType.right), _UnderlineNav2["default"]['UnderlineNav--full'], fullContainer === true)),
+    "aria-label": label,
+    children: [fullContainer === false && renderBody(), fullContainer === true && renderBodyFullContainer()]
+  });
+}

package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.d.ts

@@ -0,0 +1,37 @@
+export declare const underlineNavItemType: {
+    a: string;
+    button: string;
+};
+export declare const underlineNavAlignmentType: {
+    right: string;
+    left: string;
+};
+export declare const defaultProps: {
+    className: any;
+    actions: any;
+    align: string;
+    fullContainer: boolean;
+};
+export interface AriaAttrType {
+    label: string;
+    selected: string;
+    current: boolean | false | true | 'page' | 'step' | 'location' | 'date' | 'time';
+}
+export interface ItemType {
+    href: string;
+    icon: string;
+    text: string;
+    html: React.ReactNode;
+    isSelected: boolean;
+}
+export interface UnderlineNavProps {
+    className?: string;
+    ariaAttr: AriaAttrType;
+    items: ItemType;
+    itemType: typeof underlineNavItemType.a | typeof underlineNavItemType.button;
+    actions?: React.ReactNode[];
+    align?: typeof underlineNavAlignmentType.right | typeof underlineNavAlignmentType.left;
+    fullContainer?: boolean;
+    onClick: (value: any) => void;
+}
+//# sourceMappingURL=UnderlineNav.prop.d.ts.map

package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineNav.prop.d.ts","sourceRoot":"","sources":["../../../../src/primer/Navigation/UnderlineNav/UnderlineNav.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB;;;CAGhC,CAAA;AAED,eAAO,MAAM,yBAAyB;;;CAGrC,CAAA;AAED,eAAO,MAAM,YAAY;;;;;CAKxB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;CACjF;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,YAAY,CAAA;IACtB,KAAK,EAAE,QAAQ,CAAA;IACf,QAAQ,EAAE,OAAO,oBAAoB,CAAC,CAAC,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAA;IAC5E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,yBAAyB,CAAC,KAAK,GAAG,OAAO,yBAAyB,CAAC,IAAI,CAAA;IACtF,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;CACzB"}

package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.underlineNavItemType = exports.underlineNavAlignmentType = exports.defaultProps = void 0;
+var underlineNavItemType = exports.underlineNavItemType = {
+  a: 'a',
+  button: 'button'
+};
+var underlineNavAlignmentType = exports.underlineNavAlignmentType = {
+  right: 'right',
+  left: 'left'
+};
+var defaultProps = exports.defaultProps = {
+  className: null,
+  actions: null,
+  align: 'left',
+  fullContainer: false
+};

package/build/primer/Navigation/UnderlineNav/index.d.ts

@@ -0,0 +1,3 @@
+export { UnderlineNav } from './UnderlineNav';
+export { underlineNavItemType, underlineNavAlignmentType } from './UnderlineNav.prop';
+//# sourceMappingURL=index.d.ts.map

package/build/primer/Navigation/UnderlineNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primer/Navigation/UnderlineNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA"}

package/build/primer/Navigation/UnderlineNav/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UnderlineNav", {
+  enumerable: true,
+  get: function get() {
+    return _UnderlineNav.UnderlineNav;
+  }
+});
+Object.defineProperty(exports, "underlineNavAlignmentType", {
+  enumerable: true,
+  get: function get() {
+    return _UnderlineNav2.underlineNavAlignmentType;
+  }
+});
+Object.defineProperty(exports, "underlineNavItemType", {
+  enumerable: true,
+  get: function get() {
+    return _UnderlineNav2.underlineNavItemType;
+  }
+});
+var _UnderlineNav = require("./UnderlineNav");
+var _UnderlineNav2 = require("./UnderlineNav.prop");

package/build/primer/Navigation/index.d.ts

@@ -0,0 +1,21 @@
+import { Menu } from './Menu';
+import { TabNav } from './TabNav';
+import { UnderlineNav } from './UnderlineNav';
+export declare const Navigation: {
+    Menu: typeof Menu;
+    TabNav: typeof TabNav;
+    tabNavState: {
+        active: string;
+        inactive: string;
+    };
+    UnderlineNav: typeof UnderlineNav;
+    underlineNavItemType: {
+        a: string;
+        button: string;
+    };
+    underlineNavAlignmentType: {
+        right: string;
+        left: string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/build/primer/Navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAmD,MAAM,gBAAgB,CAAA;AAE9F,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAOtB,CAAA"}

package/build/primer/Navigation/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Navigation = void 0;
+var _Menu = require("./Menu");
+var _TabNav = require("./TabNav");
+var _UnderlineNav = require("./UnderlineNav");
+var Navigation = exports.Navigation = {
+  Menu: _Menu.Menu,
+  TabNav: _TabNav.TabNav,
+  tabNavState: _TabNav.tabNavState,
+  UnderlineNav: _UnderlineNav.UnderlineNav,
+  underlineNavItemType: _UnderlineNav.underlineNavItemType,
+  underlineNavAlignmentType: _UnderlineNav.underlineNavAlignmentType
+};

package/build/primer/Pagination/PreviousNext/PreviousNext.d.ts

@@ -0,0 +1,3 @@
+import { PreviousNextProps } from './PreviousNext.prop';
+export declare function PreviousNext({ className, ariaAttr, currentPage, previous, next, onClick, state, }: PreviousNextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PreviousNext.d.ts.map

package/build/primer/Pagination/PreviousNext/PreviousNext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousNext.d.ts","sourceRoot":"","sources":["../../../../src/primer/Pagination/PreviousNext/PreviousNext.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,qBAAqB,CAAA;AAGxF,wBAAgB,YAAY,CAAC,EAC3B,SAAkC,EAClC,QAAQ,EACR,WAAW,EACX,QAAgC,EAChC,IAAwB,EACxB,OAAO,EACP,KAA0B,GAC3B,EAAE,iBAAiB,2CAwDnB"}

package/build/primer/Pagination/PreviousNext/PreviousNext.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreviousNext = PreviousNext;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
+var _pagination = require("@papillonarts/library/pagination");
+var _PreviousNext = require("./PreviousNext.prop");
+var _PreviousNext2 = _interopRequireDefault(require("./PreviousNext.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function PreviousNext(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _PreviousNext.defaultProps.className : _ref$className,
+    ariaAttr = _ref.ariaAttr,
+    currentPage = _ref.currentPage,
+    _ref$previous = _ref.previous,
+    previous = _ref$previous === void 0 ? _PreviousNext.defaultProps.previous : _ref$previous,
+    _ref$next = _ref.next,
+    next = _ref$next === void 0 ? _PreviousNext.defaultProps.next : _ref$next,
+    _onClick = _ref.onClick,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? _PreviousNext.defaultProps.state : _ref$state;
+  var label = ariaAttr.label;
+  var indexItems = currentPage.indexItems,
+    currentIndex = currentPage.currentIndex,
+    canMoveBackwards = currentPage.canMoveBackwards,
+    canMoveForward = currentPage.canMoveForward;
+  var backwardsAriaProps = !canMoveBackwards ? _objectSpread({}, {
+    'aria-disabled': 'true'
+  }) : null;
+  var forwardAriaProps = !canMoveForward ? _objectSpread({}, {
+    'aria-disabled': 'true'
+  }) : null;
+
+  // @ts-ignore
+  // if (indexItems === [] || currentIndex === -1) {
+  //   return null
+  // }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
+    className: (0, _classnames["default"])(className, _PreviousNext2["default"]['paginate-container'], (0, _defineProperty2["default"])({}, _PreviousNext2["default"]['previousnext-inactive'], state === _PreviousNext.previousNextState.inactive)),
+    "aria-label": label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames["default"])(_PreviousNext2["default"].pagination, _visibilityDisplay["default"]['d-flex']),
+      children: [!canMoveBackwards ?
+      /*#__PURE__*/
+      // @ts-ignore
+      (0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, backwardsAriaProps), {}, {
+        children: previous.text
+      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        onClick: function onClick(event) {
+          event.preventDefault();
+          _onClick(_pagination.paginationActionTypes.onBackwards);
+        },
+        rel: previous.rel,
+        href: previous.href,
+        "aria-label": previous.ariaAttr.label,
+        children: previous.text
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "Viewing ".concat(currentIndex + 1, " to ").concat(indexItems.length)
+      }), !canMoveForward ?
+      /*#__PURE__*/
+      // @ts-ignore
+      (0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, forwardAriaProps), {}, {
+        children: next.text
+      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        onClick: function onClick(event) {
+          event.preventDefault();
+          _onClick(_pagination.paginationActionTypes.onForward);
+        },
+        rel: next.rel,
+        href: next.href,
+        "aria-label": next.ariaAttr.label,
+        children: next.text
+      })]
+    })
+  });
+}

package/build/primer/Pagination/PreviousNext/PreviousNext.prop.d.ts

@@ -0,0 +1,49 @@
+export declare const previousNextState: {
+    active: string;
+    inactive: string;
+};
+export declare const defaultProps: {
+    className: any;
+    previous: {
+        rel: string;
+        href: string;
+        ariaAttr: {
+            label: string;
+        };
+        text: string;
+    };
+    next: {
+        rel: string;
+        href: string;
+        ariaAttr: {
+            label: string;
+        };
+        text: string;
+    };
+    state: string;
+};
+export interface AriaAttrType {
+    label: string;
+}
+export interface PreviousNextType {
+    rel: string;
+    href: string;
+    ariaAttr: AriaAttrType;
+    text: string;
+}
+export interface currentPageType {
+    indexItems: React.ReactNode[];
+    currentIndex: number;
+    canMoveBackwards: boolean;
+    canMoveForward: boolean;
+}
+export interface PreviousNextProps {
+    className?: string;
+    ariaAttr: AriaAttrType;
+    currentPage: currentPageType;
+    previous?: PreviousNextType;
+    next?: PreviousNextType;
+    onClick: (value: any) => void;
+    state?: typeof previousNextState.active | typeof previousNextState.inactive;
+}
+//# sourceMappingURL=PreviousNext.prop.d.ts.map

package/build/primer/Pagination/PreviousNext/PreviousNext.prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousNext.prop.d.ts","sourceRoot":"","sources":["../../../../src/primer/Pagination/PreviousNext/PreviousNext.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;CAG7B,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;CAmBxB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,YAAY,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7B,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,YAAY,CAAA;IACtB,WAAW,EAAE,eAAe,CAAA;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,iBAAiB,CAAC,MAAM,GAAG,OAAO,iBAAiB,CAAC,QAAQ,CAAA;CAC5E"}

package/build/primer/Pagination/PreviousNext/PreviousNext.prop.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.previousNextState = exports.defaultProps = void 0;
+var previousNextState = exports.previousNextState = {
+  active: 'active',
+  inactive: 'inactive'
+};
+var defaultProps = exports.defaultProps = {
+  className: null,
+  previous: {
+    rel: 'previous',
+    href: '#url',
+    ariaAttr: {
+      label: 'Previous'
+    },
+    text: '<'
+  },
+  next: {
+    rel: 'next',
+    href: '#url',
+    ariaAttr: {
+      label: 'Next'
+    },
+    text: '>'
+  },
+  state: previousNextState.active
+};

package/build/primer/Pagination/PreviousNext/index.d.ts

@@ -0,0 +1,3 @@
+export { PreviousNext } from './PreviousNext';
+export { previousNextState } from './PreviousNext.prop';
+//# sourceMappingURL=index.d.ts.map

package/build/primer/Pagination/PreviousNext/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primer/Pagination/PreviousNext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}

package/build/primer/Pagination/PreviousNext/index.js

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

package/build/primer/Pagination/index.d.ts

@@ -0,0 +1,9 @@
+import { PreviousNext } from './PreviousNext';
+export declare const Pagination: {
+    PreviousNext: typeof PreviousNext;
+    previousNextState: {
+        active: string;
+        inactive: string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/build/primer/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAEhE,eAAO,MAAM,UAAU;;;;;;CAGtB,CAAA"}

package/build/primer/Pagination/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pagination = void 0;
+var _PreviousNext = require("./PreviousNext");
+var Pagination = exports.Pagination = {
+  PreviousNext: _PreviousNext.PreviousNext,
+  previousNextState: _PreviousNext.previousNextState
+};

package/build/primer/Popover/Popover.d.ts

@@ -0,0 +1,3 @@
+import { PopoverProps } from './Popover.prop';
+export declare function Popover({ className, variant, size, intro, heading, message, acknowledge, introOnClick, acknowledgeOnClick, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Popover.d.ts.map

package/build/primer/Popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/primer/Popover/Popover.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAA6C,MAAM,gBAAgB,CAAA;AAIxF,wBAAgB,OAAO,CAAC,EACtB,SAAkC,EAClC,OAA8B,EAC9B,IAAwB,EACxB,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,YAAY,EACZ,kBAAkB,GACnB,EAAE,YAAY,2CA0Dd"}

package/build/primer/Popover/Popover.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Popover = Popover;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _boxShadow = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/box-shadow.scss"));
+var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
+var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
+var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/padding.scss"));
+var _typography = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/typography.scss"));
+var _box = _interopRequireDefault(require("../Box/box.scss"));
+var _Popover = require("./Popover.prop");
+var _Popover2 = _interopRequireDefault(require("./Popover.scss"));
+var _Button = require("../Button");
+var _jsxRuntime = require("react/jsx-runtime");
+function Popover(_ref) {
+  var _cx2;
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Popover.defaultProps.className : _ref$className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? _Popover.defaultProps.variant : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _Popover.defaultProps.size : _ref$size,
+    intro = _ref.intro,
+    heading = _ref.heading,
+    message = _ref.message,
+    acknowledge = _ref.acknowledge,
+    introOnClick = _ref.introOnClick,
+    acknowledgeOnClick = _ref.acknowledgeOnClick;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["default"])(className, _layout["default"]['position-relative'], (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _typography["default"]['text-center'], variant === _Popover.popoverVariant["default"] || variant === _Popover.popoverVariant.bottom), (0, _classnames["default"])(_typography["default"]['text-right'], _padding["default"]['pr-2']), variant === _Popover.popoverVariant.bottomRight)),
+    children: [variant === _Popover.popoverVariant["default"] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: _Button.buttonVariant.primary,
+      text: intro,
+      onClick: introOnClick
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      // @ts-ignore
+      className: ((0, _classnames["default"])(_Popover2["default"].Popover, _layout["default"]['position-relative']), (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, (0, _classnames["default"])(_layout["default"]['right-0'], _layout["default"]['left-0']), variant === _Popover.popoverVariant["default"]), _padding["default"]['pl-2'], variant === _Popover.popoverVariant.bottomLeft)),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames["default"])(_Popover2["default"]['Popover-message'], _typography["default"]['text-left'], _padding["default"]['p-4'], _box["default"].Box, _boxShadow["default"]['box-shadow-large'], (_cx2 = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_margin["default"]['mx-auto'], _margin["default"]['mt-2']), variant === _Popover.popoverVariant["default"]), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom'], _margin["default"]['mx-auto'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottom), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-right'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomRight), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-left'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomLeft), _Popover2["default"]['Popover-message--left'], variant === _Popover.popoverVariant.left), _Popover2["default"]['Popover-message--left-bottom'], variant === _Popover.popoverVariant.leftBottom), _Popover2["default"]['Popover-message--left-top'], variant === _Popover.popoverVariant.leftTop), _Popover2["default"]['Popover-message--right'], variant === _Popover.popoverVariant.right), _Popover2["default"]['Popover-message--right-bottom'], variant === _Popover.popoverVariant.rightBottom), _Popover2["default"]['Popover-message--right-top'], variant === _Popover.popoverVariant.rightTop), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--top-left'], variant === _Popover.popoverVariant.topLeft), _Popover2["default"]['Popover-message--top-right'], variant === _Popover.popoverVariant.topRight), _Popover2["default"]['Popover-message--large'], size === _Popover.popoverSize.large))),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
+          className: _margin["default"]['mb-2'],
+          children: heading
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: message
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+          className: (0, _classnames["default"])(_margin["default"]['mt-2'], _typography["default"]['text-bold']),
+          text: acknowledge,
+          variant: _Button.buttonVariant.outline,
+          onClick: acknowledgeOnClick
+        })]
+      })
+    }), (variant === _Popover.popoverVariant.bottom || variant === _Popover.popoverVariant.bottomRight || variant === _Popover.popoverVariant.bottomLeft) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: _Button.buttonVariant.primary,
+      text: intro,
+      onClick: introOnClick
+    })]
+  });
+}

package/build/primer/Popover/Popover.prop.d.ts

@@ -0,0 +1,35 @@
+export declare const popoverVariant: {
+    default: string;
+    bottom: string;
+    bottomRight: string;
+    bottomLeft: string;
+    left: string;
+    leftBottom: string;
+    leftTop: string;
+    right: string;
+    rightBottom: string;
+    rightTop: string;
+    topLeft: string;
+    topRight: string;
+};
+export declare const popoverSize: {
+    normal: string;
+    large: string;
+};
+export declare const defaultProps: {
+    className: any;
+    variant: string;
+    size: string;
+};
+export interface PopoverProps {
+    className?: string;
+    variant?: typeof popoverVariant.default | typeof popoverVariant.bottom | typeof popoverVariant.bottomRight | typeof popoverVariant.bottomLeft | typeof popoverVariant.left | typeof popoverVariant.leftBottom | typeof popoverVariant.leftTop | typeof popoverVariant.right | typeof popoverVariant.rightBottom | typeof popoverVariant.rightTop | typeof popoverVariant.topLeft | typeof popoverVariant.topRight;
+    size?: typeof popoverSize.normal | typeof popoverSize.large;
+    intro: string;
+    heading: string;
+    message: string;
+    acknowledge: string;
+    introOnClick: (value: any) => void;
+    acknowledgeOnClick: (value: any) => void;
+}
+//# sourceMappingURL=Popover.prop.d.ts.map

package/build/primer/Popover/Popover.prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.prop.d.ts","sourceRoot":"","sources":["../../../src/primer/Popover/Popover.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAa1B,CAAA;AAED,eAAO,MAAM,WAAW;;;CAGvB,CAAA;AAED,eAAO,MAAM,YAAY;;;;CAIxB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EACJ,OAAO,cAAc,CAAC,OAAO,GAC7B,OAAO,cAAc,CAAC,MAAM,GAC5B,OAAO,cAAc,CAAC,WAAW,GACjC,OAAO,cAAc,CAAC,UAAU,GAChC,OAAO,cAAc,CAAC,IAAI,GAC1B,OAAO,cAAc,CAAC,UAAU,GAChC,OAAO,cAAc,CAAC,OAAO,GAC7B,OAAO,cAAc,CAAC,KAAK,GAC3B,OAAO,cAAc,CAAC,WAAW,GACjC,OAAO,cAAc,CAAC,QAAQ,GAC9B,OAAO,cAAc,CAAC,OAAO,GAC7B,OAAO,cAAc,CAAC,QAAQ,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,WAAW,CAAC,MAAM,GAAG,OAAO,WAAW,CAAC,KAAK,CAAA;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IAC7B,kBAAkB,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;CACpC"}