@ballistix.digital/react-components 0.4.44 → 0.4.46

package/dist/index.js

@@ -446,7 +446,7 @@ var styles$g = {
 };
 
 var Container$3 = function (props) {
-    var children = props.children, label = props.label, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'left' : _b, stylesOverrides = props.styles;
+    var children = props.children, label = props.label, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom-left' : _b, stylesOverrides = props.styles;
     var handleGenerateStyle = function () {
         var result = deepCopyObject(styles$f.base);
         var keys = calculateNestedKeys(styles$f.base);
@@ -472,18 +472,26 @@ var base$e = {
 };
 var button = {};
 var compact = {};
-var left$1 = {
+var bottomLeft = {
     items: 'origin-top-right right-0',
 };
-var right$1 = {
+var bottomRight = {
     items: 'origin-top-left left-0',
 };
+var topLeft = {
+    items: 'origin-bottom-right right-0 bottom-0',
+};
+var topRight = {
+    items: 'origin-bottom-left left-0 bottom-0',
+};
 var styles$f = {
     base: base$e,
     button: button,
     compact: compact,
-    left: left$1,
-    right: right$1,
+    'bottom-left': bottomLeft,
+    'bottom-right': bottomRight,
+    'top-left': topLeft,
+    'top-right': topRight,
 };
 
 var IconElement = function (props) {
@@ -17462,7 +17470,16 @@ var List$1 = function (props) {
         setActive && setActive(tab === null || tab === void 0 ? void 0 : tab.props.accessor);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (jsxRuntime.jsxs("div", __assign({ className: styles.list.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.list.head }, { children: [jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles.list.label }, { children: "Select a tab" })), jsxRuntime.jsx("select", __assign({ id: name, name: name, value: active, className: styles.list.select, onChange: handleChangeSelect }, { children: n.Children.map(children, function (child) {
+    var handleCalculateActiveAccessor = function (items) {
+        var _a;
+        var result = active;
+        var currentItem = (_a = n.Children.map(children, function (child) { return (__assign({}, child.props)); })) === null || _a === void 0 ? void 0 : _a.find(function (tab) { return tab === null || tab === void 0 ? void 0 : tab.isCurrent; });
+        if (currentItem === null || currentItem === void 0 ? void 0 : currentItem.href) {
+            result = currentItem === null || currentItem === void 0 ? void 0 : currentItem.accessor;
+        }
+        return result;
+    };
+    return (jsxRuntime.jsxs("div", __assign({ className: styles.list.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.list.head }, { children: [jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles.list.label }, { children: "Select a tab" })), jsxRuntime.jsx("select", __assign({ id: name, name: name, value: handleCalculateActiveAccessor(), className: styles.list.select, onChange: handleChangeSelect }, { children: n.Children.map(children, function (child) {
                             var _a;
                             return (jsxRuntime.jsx("option", __assign({ value: child.props.accessor }, { children: child.props.children }), (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.accessor));
                         }) }))] })), jsxRuntime.jsx("div", __assign({ className: styles.list.body }, { children: jsxRuntime.jsx("nav", __assign({ className: styles.list.navigation }, { children: children })) }))] })));