@papillonarts/components 0.10.0 → 0.12.0

package/build/primer/Icon/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function get() {
+    return _Icon.Icon;
+  }
+});
+Object.defineProperty(exports, "iconName", {
+  enumerable: true,
+  get: function get() {
+    return _Icon2.iconName;
+  }
+});
+Object.defineProperty(exports, "iconSize", {
+  enumerable: true,
+  get: function get() {
+    return _Icon2.iconSize;
+  }
+});
+var _Icon = require("./Icon");
+var _Icon2 = require("./Icon.prop");

package/build/primer/Label/Label.d.ts

@@ -0,0 +1,3 @@
+import { LabelProps } from './Label.prop';
+export declare function Label({ className, text, variant, backgroundColor, textColor, }: LabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/primer/Label/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAoE,MAAM,cAAc,CAAA;AAI3G,wBAAgB,KAAK,CAAC,EACpB,SAAkC,EAClC,IAAI,EACJ,OAA8B,EAC9B,eAA8C,EAC9C,SAAkC,GACnC,EAAE,UAAU,2CAcZ"}

package/build/primer/Label/Label.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = Label;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
+var _Label = require("./Label.prop");
+var _labels = _interopRequireDefault(require("./labels.scss"));
+var _issueLabels = _interopRequireDefault(require("./issue-labels.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function Label(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Label.defaultProps.className : _ref$className,
+    text = _ref.text,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? _Label.defaultProps.variant : _ref$variant,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? _Label.defaultProps.backgroundColor : _ref$backgroundColor,
+    _ref$textColor = _ref.textColor,
+    textColor = _ref$textColor === void 0 ? _Label.defaultProps.textColor : _ref$textColor;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    title: "Label: ".concat(text),
+    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _labels["default"].Label, variant === _Label.labelVariant.regular), _issueLabels["default"].IssueLabel, variant === _Label.labelVariant.issue), _colors["default"]['bg-blue'], backgroundColor === _Label.labelBackgroundColor.blue), _colors["default"]['text-white'], textColor === _Label.labelTextColor.white)),
+    children: text
+  });
+}

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

@@ -0,0 +1,28 @@
+export declare const labelVariant: {
+    regular: string;
+    state: string;
+    counter: string;
+    issue: string;
+};
+export declare const labelBackgroundColor: {
+    blue: string;
+    red: string;
+    green: string;
+};
+export declare const labelTextColor: {
+    white: string;
+};
+export declare const defaultProps: {
+    className: any;
+    variant: string;
+    backgroundColor: string;
+    textColor: string;
+};
+export interface LabelProps {
+    className?: string;
+    text: string;
+    variant?: typeof labelVariant.regular | typeof labelVariant.state | typeof labelVariant.counter | typeof labelVariant.issue;
+    backgroundColor?: typeof labelBackgroundColor.blue | typeof labelBackgroundColor.red | typeof labelBackgroundColor.green;
+    textColor?: typeof labelTextColor.white;
+}
+//# sourceMappingURL=Label.prop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.prop.d.ts","sourceRoot":"","sources":["../../../src/primer/Label/Label.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;CAKxB,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;CAIhC,CAAA;AAED,eAAO,MAAM,cAAc;;CAE1B,CAAA;AAED,eAAO,MAAM,YAAY;;;;;CAKxB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,YAAY,CAAC,OAAO,GAAG,OAAO,YAAY,CAAC,KAAK,GAAG,OAAO,YAAY,CAAC,OAAO,GAAG,OAAO,YAAY,CAAC,KAAK,CAAA;IAC3H,eAAe,CAAC,EAAE,OAAO,oBAAoB,CAAC,IAAI,GAAG,OAAO,oBAAoB,CAAC,GAAG,GAAG,OAAO,oBAAoB,CAAC,KAAK,CAAA;IACxH,SAAS,CAAC,EAAE,OAAO,cAAc,CAAC,KAAK,CAAA;CACxC"}

package/build/primer/Label/Label.prop.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.labelVariant = exports.labelTextColor = exports.labelBackgroundColor = exports.defaultProps = void 0;
+var labelVariant = exports.labelVariant = {
+  regular: 'regular',
+  state: 'state',
+  counter: 'counter',
+  issue: 'issue'
+};
+var labelBackgroundColor = exports.labelBackgroundColor = {
+  blue: 'blue',
+  red: 'red',
+  green: 'green'
+};
+var labelTextColor = exports.labelTextColor = {
+  white: 'white'
+};
+var defaultProps = exports.defaultProps = {
+  className: null,
+  variant: labelVariant.issue,
+  backgroundColor: labelBackgroundColor.blue,
+  textColor: labelTextColor.white
+};

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

@@ -0,0 +1,2 @@
+export { Label } from './Label';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/build/primer/Label/index.js

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

package/build/primer/Loader/Loader.d.ts

@@ -0,0 +1,3 @@
+import { LoaderProps } from './Loader.prop';
+export declare function Loader({ className, variant, text }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Loader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/primer/Loader/Loader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAA+B,MAAM,eAAe,CAAA;AAMxE,wBAAgB,MAAM,CAAC,EAAE,SAAkC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,WAAW,2CAiCxF"}

package/build/primer/Loader/Loader.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Loader = Loader;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
+var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
+var _Loader = require("./Loader.prop");
+var _Loader2 = _interopRequireDefault(require("./Loader.scss"));
+var _branchName = _interopRequireDefault(require("../BranchName/branch-name.scss"));
+var _Button = _interopRequireDefault(require("../Button/Button.scss"));
+var _labels = _interopRequireDefault(require("../Label/labels.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function Loader(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Loader.defaultProps.className : _ref$className,
+    variant = _ref.variant,
+    text = _ref.text;
+  switch (variant) {
+    case _Loader.loaderVariant.heading:
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
+        className: className,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: text
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _Loader2["default"].AnimatedEllipsis
+        })]
+      });
+    case _Loader.loaderVariant.text:
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: (0, _classnames["default"])(_branchName["default"]['branch-name'], _margin["default"]['mt-2']),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: text
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _Loader2["default"].AnimatedEllipsis
+        })]
+      });
+    case _Loader.loaderVariant.label:
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: (0, _classnames["default"])(_labels["default"].Label, _colors["default"]['bg-blue'], _margin["default"]['mt-3']),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: text
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _Loader2["default"].AnimatedEllipsis
+        })]
+      });
+    case _Loader.loaderVariant.button:
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+        type: "button",
+        className: (0, _classnames["default"])(_Button["default"].btn, _margin["default"]['mt-3']),
+        "aria-disabled": "true",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: text
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _Loader2["default"].AnimatedEllipsis
+        })]
+      });
+    default:
+      return null;
+  }
+}

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

@@ -0,0 +1,15 @@
+export declare const loaderVariant: {
+    heading: string;
+    text: string;
+    label: string;
+    button: string;
+};
+export declare const defaultProps: {
+    className: any;
+};
+export interface LoaderProps {
+    className?: string;
+    variant: typeof loaderVariant.heading | typeof loaderVariant.text | typeof loaderVariant.label | typeof loaderVariant.button;
+    text: string;
+}
+//# sourceMappingURL=Loader.prop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.prop.d.ts","sourceRoot":"","sources":["../../../src/primer/Loader/Loader.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;CAKzB,CAAA;AAED,eAAO,MAAM,YAAY;;CAExB,CAAA;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,GAAG,OAAO,aAAa,CAAC,IAAI,GAAG,OAAO,aAAa,CAAC,KAAK,GAAG,OAAO,aAAa,CAAC,MAAM,CAAA;IAC5H,IAAI,EAAE,MAAM,CAAA;CACb"}

package/build/primer/Loader/Loader.prop.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loaderVariant = exports.defaultProps = void 0;
+var loaderVariant = exports.loaderVariant = {
+  heading: 'heading',
+  text: 'text',
+  label: 'label',
+  button: 'button'
+};
+var defaultProps = exports.defaultProps = {
+  className: null
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA"}

package/build/primer/Loader/index.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/primer/Navigation/Menu/Menu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAgB,MAAM,aAAa,CAAA;AAIrD,wBAAgB,IAAI,CAAC,EAAE,SAAkC,EAAE,OAA8B,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,SAAS,2CAiC/H"}

package/build/primer/Navigation/Menu/Menu.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Menu = Menu;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _Menu = require("./Menu.prop");
+var _Menu2 = _interopRequireDefault(require("./Menu.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 Menu(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Menu.defaultProps.className : _ref$className,
+    _ref$heading = _ref.heading,
+    heading = _ref$heading === void 0 ? _Menu.defaultProps.heading : _ref$heading,
+    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 label = ariaAttr.label,
+    labelledBy = ariaAttr.labelledBy,
+    current = ariaAttr.current;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("nav", {
+    className: (0, _classnames["default"])(className, _Menu2["default"].menu),
+    "aria-label": label,
+    "aria-labelledby": labelledBy,
+    children: [heading && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: _Menu2["default"]['menu-heading'],
+      children: heading
+    }), indexItems.map(function (indexItem) {
+      var href = indexItem.href,
+        icon = indexItem.icon,
+        text = indexItem.text,
+        html = indexItem.html,
+        isSelected = indexItem.isSelected;
+      var itemOtherProps = isSelected ? _objectSpread({}, {
+        'aria-current': current
+      }) : null;
+      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: _Menu2["default"]['menu-item'],
+        href: href
+      }, itemOtherProps), {}, {
+        children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          className: _Menu2["default"].octicon,
+          icon: icon,
+          size: _Icon.iconSize.small
+        }), html || null, text]
+      }), (0, _uuid.v1)());
+    })]
+  });
+}

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

@@ -0,0 +1,24 @@
+export declare const defaultProps: {
+    className: any;
+    heading: any;
+};
+export interface AriaAttrType {
+    label: string;
+    labelledBy: 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 MenuProps {
+    className?: string;
+    heading?: string;
+    ariaAttr: AriaAttrType;
+    items: ItemType[];
+    onClick: (value: any) => void;
+}
+//# sourceMappingURL=Menu.prop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.prop.d.ts","sourceRoot":"","sources":["../../../../src/primer/Navigation/Menu/Menu.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,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,EAAE,CAAA;IACvB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,YAAY,CAAA;IACtB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;CACzB"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = exports.defaultProps = {
+  className: null,
+  heading: null
+};

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

@@ -0,0 +1,2 @@
+export { Menu } from './Menu';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primer/Navigation/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../../../src/primer/Navigation/TabNav/TabNav.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAA6B,MAAM,eAAe,CAAA;AAGtE,wBAAgB,MAAM,CAAC,EACrB,SAAkC,EAClC,QAAQ,EACR,KAAK,EACL,OAA8B,EAC9B,OAAO,EACP,QAAgC,EAChC,KAA0B,GAC3B,EAAE,WAAW,2CAyFb"}

package/build/primer/Navigation/TabNav/TabNav.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabNav = TabNav;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _uuid = require("uuid");
+var _array = require("@papillonarts/library/array");
+var _TabNav = require("./TabNav.prop");
+var _TabNav2 = _interopRequireDefault(require("./TabNav.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 TabNav(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _TabNav.defaultProps.className : _ref$className,
+    ariaAttr = _ref.ariaAttr,
+    items = _ref.items,
+    _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? _TabNav.defaultProps.actions : _ref$actions,
+    _onClick = _ref.onClick,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? _TabNav.defaultProps.children : _ref$children,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? _TabNav.defaultProps.state : _ref$state;
+  if (!items) {
+    return null;
+  }
+  var label = ariaAttr.label,
+    current = ariaAttr.current;
+  var indexItems = (0, _array.getIndexItems)(items);
+  function renderActions() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+      children: actions
+    }); // eslint-disable-line react/jsx-no-useless-fragment
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["default"])(className, _TabNav2["default"].tabnav, (0, _defineProperty2["default"])({}, _TabNav2["default"]['tabnav-inactive'], state === _TabNav.tabNavState.inactive)),
+    children: [actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
+      className: _TabNav2["default"]['tabnav-tabs'],
+      "aria-label": label,
+      children: indexItems.map(function (indexItem) {
+        var href = indexItem.href,
+          text = indexItem.text,
+          link = indexItem.link,
+          isSelected = indexItem.isSelected,
+          enabled = indexItem.enabled,
+          visible = indexItem.visible;
+        var itemOtherProps = isSelected ? _objectSpread({}, {
+          'aria-current': current
+        }) : null;
+        if (href && text) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
+            onClick: function onClick() {
+              if (!enabled) {
+                return;
+              }
+              var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+              _onClick({
+                ariaAttr: ariaAttr,
+                items: newIndexItems.map(function (newIndexItem) {
+                  return function (_ref2) {
+                    var href = _ref2.href,
+                      text = _ref2.text,
+                      isSelected = _ref2.isSelected;
+                    return {
+                      href: href,
+                      text: text,
+                      isSelected: isSelected,
+                      enabled: enabled,
+                      visible: visible
+                    };
+                  }(newIndexItem);
+                } // eslint-disable-line
+                )
+              });
+            },
+            className: _TabNav2["default"]['tabnav-tab'],
+            href: href
+          }, itemOtherProps), {}, {
+            children: text
+          }), (0, _uuid.v1)());
+        }
+        if (link) {
+          var Link = link.component;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, _objectSpread(_objectSpread(_objectSpread({
+            onClick: function onClick() {
+              if (!enabled) {
+                return;
+              }
+              var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+              _onClick({
+                ariaAttr: ariaAttr,
+                items: newIndexItems.map(function (newIndexItem) {
+                  return function (_ref3) {
+                    var link = _ref3.link,
+                      isSelected = _ref3.isSelected,
+                      enabled = _ref3.enabled,
+                      visible = _ref3.visible;
+                    return {
+                      link: link,
+                      isSelected: isSelected,
+                      enabled: enabled,
+                      visible: visible
+                    };
+                  }(newIndexItem);
+                } // eslint-disable-line
+                )
+              });
+            },
+            className: (0, _classnames["default"])(className, _TabNav2["default"]['tabnav-tab'], (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _TabNav2["default"]['tabnav-tab-inactive'], enabled === false), _TabNav2["default"]['tabnav-tab-hidden'], visible === false))
+          }, itemOtherProps), link.props), {}, {
+            children: link.children
+          }), (0, _uuid.v1)());
+        }
+        return null;
+      })
+    }), children]
+  });
+}

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

@@ -0,0 +1,35 @@
+export declare const tabNavState: {
+    active: string;
+    inactive: string;
+};
+export declare const defaultProps: {
+    className: any;
+    actions: any;
+    children: any;
+    state: string;
+};
+export interface AriaAttrType {
+    label: string;
+    current: boolean | false | true | 'page' | 'step' | 'location' | 'date' | 'time';
+}
+export interface LinkType {
+    component: React.ReactNode;
+}
+export interface ItemType {
+    href: string;
+    text: string;
+    link: LinkType;
+    isSelected: boolean;
+    enabled: boolean;
+    visible: boolean;
+}
+export interface TabNavProps {
+    className?: string;
+    ariaAttr: AriaAttrType;
+    items: ItemType[];
+    actions?: React.ReactNode[];
+    onClick: (value: any) => void;
+    children?: React.ReactNode;
+    state?: typeof tabNavState.active | typeof tabNavState.inactive;
+}
+//# sourceMappingURL=TabNav.prop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.prop.d.ts","sourceRoot":"","sources":["../../../../src/primer/Navigation/TabNav/TabNav.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;CAGvB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;CAKxB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;CACjF;AAED,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,QAAQ,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,YAAY,CAAA;IACtB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,WAAW,CAAC,MAAM,GAAG,OAAO,WAAW,CAAC,QAAQ,CAAA;CAChE"}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tabNavState = exports.defaultProps = void 0;
+var tabNavState = exports.tabNavState = {
+  active: 'active',
+  inactive: 'inactive'
+};
+var defaultProps = exports.defaultProps = {
+  className: null,
+  actions: null,
+  children: null,
+  state: tabNavState.active
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primer/Navigation/TabNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

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

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