@neko-os/ui 0.2.2 → 0.3.0

package/dist/components/table/Pagination.js

@@ -1 +1,128 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/Pagination.js";var _excluded=["active"],_excluded2=["total","itemsPerPage","pages","maxVisible","value","initialValue","onChange"];import{range,is,pipe}from'ramda';import React from'react';import{Button}from"../actions/Button";import{View}from"../structure/View";import{moveScale}from"../../theme/helpers/sizeScale";import{useSizeConverter}from"../../modifiers/sizeConverter";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function getPageIndexes(pages,value){var maxVisible=arguments.length>2&&arguments[2]!==undefined?arguments[2]:5;if(pages<=maxVisible){return Array.from({length:pages},function(_,i){return{label:i+1,value:i+1};});}var middle=Math.floor(maxVisible/2);var start=value-middle;var end=value+middle;if(start<1){start=1;end=maxVisible;}if(end>pages){end=pages;start=pages-maxVisible+1;}var range=Array.from({length:end-start+1},function(_,i){return start+i;});var result=[];if(start>1){if(start===2){result.push({label:1,value:1});}else{result.push({label:'...',value:start-1});}}result.push.apply(result,_toConsumableArray(range.map(function(p){return{label:p,value:p};})));if(end<pages){if(end===pages-1){result.push({label:pages,value:pages});}else{result.push({label:'...',value:end+1});}}return result;}function Item(_ref){var active=_ref.active,props=_objectWithoutProperties(_ref,_excluded);return _jsx(Button,Object.assign({size:"sm",ratio:1,color:active?'primary':'transparent',textProps:{color:!active&&'text3'},iconProps:{color:!active&&'text3'}},props));}export function Pagination(_ref2){var _this=this;var _ref2$total=_ref2.total,total=_ref2$total===void 0?0:_ref2$total,_ref2$itemsPerPage=_ref2.itemsPerPage,itemsPerPage=_ref2$itemsPerPage===void 0?10:_ref2$itemsPerPage,pages=_ref2.pages,_ref2$maxVisible=_ref2.maxVisible,maxVisible=_ref2$maxVisible===void 0?5:_ref2$maxVisible,value=_ref2.value,_ref2$initialValue=_ref2.initialValue,initialValue=_ref2$initialValue===void 0?1:_ref2$initialValue,onChange=_ref2.onChange,rootProps=_objectWithoutProperties(_ref2,_excluded2);var _pipe=pipe(useSizeConverter('padding','md'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),sizeCode=_pipe2[0].sizeCode,props=_pipe2[1];var size=moveScale(sizeCode,-1);pages=pages||Math.ceil(total/itemsPerPage);var _React$useState=React.useState(initialValue),_React$useState2=_slicedToArray(_React$useState,2),localValue=_React$useState2[0],setLocalValue=_React$useState2[1];value=value||localValue||initialValue;var handleChange=function handleChange(v){setLocalValue(v);onChange==null?void 0:onChange(v);};var pageIndexes=getPageIndexes(pages,value,maxVisible);return _jsxs(View,Object.assign({className:"neko-pagination",row:true,gap:"xxs"},props,{children:[_jsx(Item,Object.assign({icon:"arrow-left-s-line",disabled:value===1,onPress:function onPress(){return handleChange(value-1);},size:size},props)),pageIndexes.map(function(item){return _jsx(Item,Object.assign({active:value===item.value,onPress:function onPress(){return handleChange(item.value);},label:item.label,disabled:is(String,item.value),size:size},props),item.value);}),_jsx(Item,Object.assign({icon:"arrow-right-s-line",disabled:value===pages,onPress:function onPress(){return handleChange(value+1);},size:size},props))]}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/Pagination.js";var _excluded = ["active"],_excluded2 = ["total", "itemsPerPage", "pages", "maxVisible", "value", "initialValue", "onChange"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _toConsumableArray(r) {return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _iterableToArray(r) {if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);}function _arrayWithoutHoles(r) {if (Array.isArray(r)) return _arrayLikeToArray(r);}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}import { range, is, pipe } from 'ramda';
+import React from 'react';
+
+import { Button } from "../actions/Button";
+import { View } from "../structure/View";
+import { moveScale } from "../../theme/helpers/sizeScale";
+import { useSizeConverter } from "../../modifiers/sizeConverter";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+function getPageIndexes(pages, value) {var maxVisible = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 5;
+  if (pages <= maxVisible) {
+    return Array.from({ length: pages }, function (_, i) {return {
+        label: i + 1,
+        value: i + 1
+      };});
+  }
+
+  var middle = Math.floor(maxVisible / 2);
+  var start = value - middle;
+  var end = value + middle;
+
+  if (start < 1) {
+    start = 1;
+    end = maxVisible;
+  }
+
+  if (end > pages) {
+    end = pages;
+    start = pages - maxVisible + 1;
+  }
+
+  var range = Array.from({ length: end - start + 1 }, function (_, i) {return start + i;});
+
+  var result = [];
+
+  if (start > 1) {
+    if (start === 2) {
+      result.push({ label: 1, value: 1 });
+    } else {
+      result.push({ label: '...', value: start - 1 });
+    }
+  }
+
+  result.push.apply(result, _toConsumableArray(range.map(function (p) {return { label: p, value: p };})));
+
+  if (end < pages) {
+    if (end === pages - 1) {
+      result.push({ label: pages, value: pages });
+    } else {
+      result.push({ label: '...', value: end + 1 });
+    }
+  }
+
+  return result;
+}
+
+function Item(_ref) {var active = _ref.active,props = _objectWithoutProperties(_ref, _excluded);
+  return (
+    _jsx(Button, Object.assign({
+      size: "sm",
+      ratio: 1,
+      color: active ? 'primary' : 'transparent',
+      textProps: { color: !active && 'text3' },
+      iconProps: { color: !active && 'text3' } },
+    props)
+    ));
+
+}
+
+export function Pagination(_ref2)
+
+
+
+
+
+
+
+
+{var _this = this;var _ref2$total = _ref2.total,total = _ref2$total === void 0 ? 0 : _ref2$total,_ref2$itemsPerPage = _ref2.itemsPerPage,itemsPerPage = _ref2$itemsPerPage === void 0 ? 10 : _ref2$itemsPerPage,pages = _ref2.pages,_ref2$maxVisible = _ref2.maxVisible,maxVisible = _ref2$maxVisible === void 0 ? 5 : _ref2$maxVisible,value = _ref2.value,_ref2$initialValue = _ref2.initialValue,initialValue = _ref2$initialValue === void 0 ? 1 : _ref2$initialValue,onChange = _ref2.onChange,rootProps = _objectWithoutProperties(_ref2, _excluded2);
+  var _pipe = pipe(
+      useSizeConverter('padding', 'md')
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),sizeCode = _pipe2[0].sizeCode,props = _pipe2[1];
+  var size = moveScale(sizeCode, -1);
+
+  pages = pages || Math.ceil(total / itemsPerPage);
+
+  var _React$useState = React.useState(initialValue),_React$useState2 = _slicedToArray(_React$useState, 2),localValue = _React$useState2[0],setLocalValue = _React$useState2[1];
+  value = value || localValue || initialValue;
+  var handleChange = function handleChange(v) {
+    setLocalValue(v);
+    onChange == null ? void 0 : onChange(v);
+  };
+
+  var pageIndexes = getPageIndexes(pages, value, maxVisible);
+
+  return (
+    _jsxs(View, Object.assign({ className: "neko-pagination", row: true, gap: "xxs" }, props, { children: [
+      _jsx(Item, Object.assign({
+        icon: "arrow-left-s-line",
+        disabled: value === 1,
+        onPress: function onPress() {return handleChange(value - 1);},
+        size: size },
+      props)
+      ),
+
+      pageIndexes.map(function (item) {
+        return (
+          _jsx(Item, Object.assign({
+
+            active: value === item.value,
+            onPress: function onPress() {return handleChange(item.value);},
+            label: item.label,
+            disabled: is(String, item.value),
+            size: size },
+          props), item.value
+          ));
+
+      }),
+
+      _jsx(Item, Object.assign({
+        icon: "arrow-right-s-line",
+        disabled: value === pages,
+        onPress: function onPress() {return handleChange(value + 1);},
+        size: size },
+      props)
+      )] })
+    ));
+
+}

package/dist/components/table/Table.js

@@ -1 +1,66 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/Table.js";var _excluded=["children"];import{pipe}from'ramda';import React from'react';import{AbsTable}from"../../abstractions/Table";import{AbsView}from"../../abstractions/View";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDefaultModifier}from"../../modifiers/default";import{useDisplayModifier}from"../../modifiers/display";import{useMarginModifier}from"../../modifiers/margin";import{useOverflowModifier}from"../../modifiers/overflow";import{usePaddingModifier}from"../../modifiers/padding";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeModifier}from"../../modifiers/size";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var TableContext=React.createContext(null);export var useTable=function useTable(){return React.useContext(TableContext)||{};};var DEFAULT_PROPS={br:'md',overflow:'scroll',width:'100%',relative:true};export function Table(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Table'),useDefaultModifier(DEFAULT_PROPS),useDisplayModifier,useSizeModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];var scrollRef=React.useRef();var _React$useState=React.useState(true),_React$useState2=_slicedToArray(_React$useState,2),scrolledToMaxLeft=_React$useState2[0],setScrolledToMaxLeft=_React$useState2[1];var _React$useState3=React.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),scrolledToMaxRight=_React$useState4[0],setScrolledToMaxRight=_React$useState4[1];React.useEffect(function(){var el=scrollRef.current;if(!el||!el.addEventListener)return;var onScroll=function onScroll(){setScrolledToMaxLeft(el.scrollLeft===0);setScrolledToMaxRight(el.scrollLeft+el.clientWidth>=el.scrollWidth-1);};el.addEventListener('scroll',onScroll);return function(){return el.removeEventListener('scroll',onScroll);};},[]);return _jsx(TableContext.Provider,{value:{scrolledToMaxLeft:scrolledToMaxLeft,scrolledToMaxRight:scrolledToMaxRight},children:_jsx(AbsView,Object.assign({},props,{className:"neko-table-wrapper",ref:scrollRef,children:_jsx(AbsTable,{className:"neko-table",children:children})}))});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/Table.js";var _excluded = ["children"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { pipe } from 'ramda';
+import React from 'react';
+
+import { AbsTable } from "../../abstractions/Table";
+import { AbsView } from "../../abstractions/View";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useDisplayModifier } from "../../modifiers/display";
+import { useMarginModifier } from "../../modifiers/margin";
+import { useOverflowModifier } from "../../modifiers/overflow";
+import { usePaddingModifier } from "../../modifiers/padding";
+import { useShadowModifier } from "../../modifiers/shadow";
+import { useSizeModifier } from "../../modifiers/size";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var TableContext = React.createContext(null);
+export var useTable = function useTable() {return React.useContext(TableContext) || {};};
+
+var DEFAULT_PROPS = {
+  br: 'xxl',
+  overflow: 'scroll',
+  width: '100%',
+  relative: true,
+  border: 'overlayDivider'
+};
+
+export function Table(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('Table'),
+      useDefaultModifier(DEFAULT_PROPS),
+      useDisplayModifier,
+      useSizeModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],props = _pipe2[1];
+
+  var scrollRef = React.useRef();
+  var _React$useState = React.useState(true),_React$useState2 = _slicedToArray(_React$useState, 2),scrolledToMaxLeft = _React$useState2[0],setScrolledToMaxLeft = _React$useState2[1];
+  var _React$useState3 = React.useState(false),_React$useState4 = _slicedToArray(_React$useState3, 2),scrolledToMaxRight = _React$useState4[0],setScrolledToMaxRight = _React$useState4[1];
+
+  React.useEffect(function () {
+    var el = scrollRef.current;
+    if (!el || !el.addEventListener) return;
+
+    var onScroll = function onScroll() {
+      setScrolledToMaxLeft(el.scrollLeft === 0);
+      setScrolledToMaxRight(el.scrollLeft + el.clientWidth >= el.scrollWidth - 1);
+    };
+
+    el.addEventListener('scroll', onScroll);
+    return function () {return el.removeEventListener('scroll', onScroll);};
+  }, []);
+
+  return (
+    _jsx(TableContext.Provider, { value: { scrolledToMaxLeft: scrolledToMaxLeft, scrolledToMaxRight: scrolledToMaxRight }, children:
+      _jsx(AbsView, Object.assign({}, props, { className: "neko-table-wrapper", ref: scrollRef, children:
+        _jsx(AbsTable, { className: "neko-table", children: children }) })
+      ) }
+    ));
+
+}

package/dist/components/table/TableCol.js

@@ -1 +1,67 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/TableCol.js";var _excluded=["label","children","strong","color","colSpan","rowSpan"],_excluded2=["style"];import{pipe,is}from'ramda';import{AbsTableCol}from"../../abstractions/Table";import{Text}from"../text/Text";import{View}from"../structure/View";import{useAlignConverter}from"../../modifiers/alignConverter";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDefaultModifier}from"../../modifiers/default";import{useDisplayModifier}from"../../modifiers/display";import{useMarginModifier}from"../../modifiers/margin";import{useOverflowModifier}from"../../modifiers/overflow";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useSizeModifier}from"../../modifiers/size";import{useTable}from"./Table";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var scrolledToMaxLeft=_ref.scrolledToMaxLeft,scrolledToMaxRight=_ref.scrolledToMaxRight;return function(_ref2){var _ref3=_slicedToArray(_ref2,2),sizeCode=_ref3[0].sizeCode,_ref3$=_ref3[1],sticky=_ref3$.sticky,left=_ref3$.left,right=_ref3$.right;return{bg:'overlayBG',paddingH:['xxxs','xxs','xs'].includes(sizeCode)?'sm':sizeCode,paddingV:sizeCode,borderB:true,margin:0,borderR:left!==undefined&&!!sticky&&!scrolledToMaxLeft,borderL:right!==undefined&&!!sticky&&!scrolledToMaxRight};};};export function TableCol(_ref4){var label=_ref4.label,children=_ref4.children,strong=_ref4.strong,color=_ref4.color,colSpan=_ref4.colSpan,rowSpan=_ref4.rowSpan,rootProps=_objectWithoutProperties(_ref4,_excluded);var _useTable=useTable(),scrolledToMaxLeft=_useTable.scrolledToMaxLeft,scrolledToMaxRight=_useTable.scrolledToMaxRight;var _pipe=pipe(useAlignConverter('left'),useSizeConverter('padding','md'),useThemeComponentModifier('TableCol'),useDefaultModifier(DEFAULT_PROPS({scrolledToMaxLeft:scrolledToMaxLeft,scrolledToMaxRight:scrolledToMaxRight})),useDisplayModifier,usePositionModifier,useSizeModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],sizeCode=_pipe2$.sizeCode,align=_pipe2$.align,_pipe2$2=_pipe2[1],style=_pipe2$2.style,props=_objectWithoutProperties(_pipe2$2,_excluded2);if(!!label||is(String,children)||is(Number,children)){children=_jsx(Text,{strong:!!strong,color:color,size:sizeCode,align:align,children:label||children});}return _jsx(AbsTableCol,{className:"neko-table-col",style:style,colSpan:colSpan,rowSpan:rowSpan,children:_jsx(View,Object.assign({className:"neko-table-col-content",fullW:true,fullH:true,align:align,centerV:true},props,{children:children}))});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/TableCol.js";var _excluded = ["label", "children", "strong", "color", "colSpan", "rowSpan"],_excluded2 = ["style"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { pipe, is } from 'ramda';
+
+import { AbsTableCol } from "../../abstractions/Table";
+import { Text } from "../text/Text";
+import { View } from "../structure/View";
+import { useAlignConverter } from "../../modifiers/alignConverter";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useDisplayModifier } from "../../modifiers/display";
+import { useMarginModifier } from "../../modifiers/margin";
+import { useOverflowModifier } from "../../modifiers/overflow";
+import { usePaddingModifier } from "../../modifiers/padding";
+import { usePositionModifier } from "../../modifiers/position";
+import { useShadowModifier } from "../../modifiers/shadow";
+import { useSizeConverter } from "../../modifiers/sizeConverter";
+import { useSizeModifier } from "../../modifiers/size";
+import { useTable } from "./Table";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS =
+function DEFAULT_PROPS(_ref) {var scrolledToMaxLeft = _ref.scrolledToMaxLeft,scrolledToMaxRight = _ref.scrolledToMaxRight;return (
+    function (_ref2) {var _ref3 = _slicedToArray(_ref2, 2),sizeCode = _ref3[0].sizeCode,_ref3$ = _ref3[1],sticky = _ref3$.sticky,left = _ref3$.left,right = _ref3$.right;return {
+        bg: 'overlayBG',
+        paddingH: ['xxxs', 'xxs', 'xs'].includes(sizeCode) ? 'sm' : sizeCode,
+        paddingV: sizeCode,
+        borderB: true,
+        margin: 0,
+        borderR: left !== undefined && !!sticky && !scrolledToMaxLeft,
+        borderL: right !== undefined && !!sticky && !scrolledToMaxRight
+      };});};
+
+export function TableCol(_ref4) {var label = _ref4.label,children = _ref4.children,strong = _ref4.strong,color = _ref4.color,colSpan = _ref4.colSpan,rowSpan = _ref4.rowSpan,rootProps = _objectWithoutProperties(_ref4, _excluded);
+  var _useTable = useTable(),scrolledToMaxLeft = _useTable.scrolledToMaxLeft,scrolledToMaxRight = _useTable.scrolledToMaxRight;
+
+  var _pipe = pipe(
+      useAlignConverter('left'),
+      useSizeConverter('padding', 'md'),
+      useThemeComponentModifier('TableCol'),
+      useDefaultModifier(DEFAULT_PROPS({ scrolledToMaxLeft: scrolledToMaxLeft, scrolledToMaxRight: scrolledToMaxRight })),
+      useDisplayModifier,
+      usePositionModifier,
+      useSizeModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],sizeCode = _pipe2$.sizeCode,align = _pipe2$.align,_pipe2$2 = _pipe2[1],style = _pipe2$2.style,props = _objectWithoutProperties(_pipe2$2, _excluded2);
+
+  if (!!label || is(String, children) || is(Number, children)) {
+    children =
+    _jsx(Text, { strong: !!strong, color: color, size: sizeCode, align: align, children:
+      label || children }
+    );
+
+  }
+
+  return (
+    _jsx(AbsTableCol, { className: "neko-table-col", style: style, colSpan: colSpan, rowSpan: rowSpan, children:
+      _jsx(View, Object.assign({ className: "neko-table-col-content", fullW: true, fullH: true, align: align, centerV: true }, props, { children:
+        children })
+      ) }
+    ));
+
+}

package/dist/components/table/TableHeader.js

@@ -1 +1,69 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/TableHeader.js";var _excluded=["children","label","colSpan","rowSpan"],_excluded2=["style"];import{pipe,is}from'ramda';import{AbsTableHeader}from"../../abstractions/Table";import{Text}from"../text/Text";import{View}from"../structure/View";import{moveScale}from"../../theme/helpers/sizeScale";import{useAlignConverter}from"../../modifiers/alignConverter";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDefaultModifier}from"../../modifiers/default";import{useDisplayModifier}from"../../modifiers/display";import{useMarginModifier}from"../../modifiers/margin";import{useOverflowModifier}from"../../modifiers/overflow";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useSizeModifier}from"../../modifiers/size";import{useTable}from"./Table";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var scrolledToMaxLeft=_ref.scrolledToMaxLeft,scrolledToMaxRight=_ref.scrolledToMaxRight;return function(_ref2){var _ref3=_slicedToArray(_ref2,2),sizeCode=_ref3[0].sizeCode,_ref3$=_ref3[1],sticky=_ref3$.sticky,left=_ref3$.left,right=_ref3$.right;return{bg:'overlayBG',paddingH:['xxxs','xxs','xs'].includes(sizeCode)?'sm':sizeCode,paddingV:moveScale(sizeCode,-1),borderB:true,margin:0,borderR:left!==undefined&&!!sticky&&!scrolledToMaxLeft,borderL:right!==undefined&&!!sticky&&!scrolledToMaxRight};};};export function TableHeader(_ref4){var children=_ref4.children,label=_ref4.label,colSpan=_ref4.colSpan,rowSpan=_ref4.rowSpan,rootProps=_objectWithoutProperties(_ref4,_excluded);var _useTable=useTable(),scrolledToMaxLeft=_useTable.scrolledToMaxLeft,scrolledToMaxRight=_useTable.scrolledToMaxRight;var _pipe=pipe(useAlignConverter('left'),useSizeConverter('padding','md'),useThemeComponentModifier('TableHeader'),useDefaultModifier(DEFAULT_PROPS({scrolledToMaxLeft:scrolledToMaxLeft,scrolledToMaxRight:scrolledToMaxRight})),useDisplayModifier,usePositionModifier,useSizeModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],sizeCode=_pipe2$.sizeCode,align=_pipe2$.align,_pipe2$2=_pipe2[1],style=_pipe2$2.style,props=_objectWithoutProperties(_pipe2$2,_excluded2);if(!!label||is(String,children)){console.log(sizeCode,moveScale(sizeCode,-1));children=_jsx(Text,{strong:true,text3:true,fullW:true,block:true,align:align,size:moveScale(sizeCode,-1),children:label||children});}return _jsx(AbsTableHeader,{className:"neko-table-header",style:style,colSpan:colSpan,rowSpan:rowSpan,children:_jsx(View,Object.assign({className:"neko-table-header-content",fullW:true,fullH:true,align:align,centerV:true},props,{children:children}))});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/TableHeader.js";var _excluded = ["children", "label", "colSpan", "rowSpan"],_excluded2 = ["style"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { pipe, is } from 'ramda';
+
+import { AbsTableHeader } from "../../abstractions/Table";
+import { Text } from "../text/Text";
+import { View } from "../structure/View";
+import { moveScale } from "../../theme/helpers/sizeScale";
+import { useAlignConverter } from "../../modifiers/alignConverter";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useDisplayModifier } from "../../modifiers/display";
+import { useMarginModifier } from "../../modifiers/margin";
+import { useOverflowModifier } from "../../modifiers/overflow";
+import { usePaddingModifier } from "../../modifiers/padding";
+import { usePositionModifier } from "../../modifiers/position";
+import { useShadowModifier } from "../../modifiers/shadow";
+import { useSizeConverter } from "../../modifiers/sizeConverter";
+import { useSizeModifier } from "../../modifiers/size";
+import { useTable } from "./Table";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS =
+function DEFAULT_PROPS(_ref) {var scrolledToMaxLeft = _ref.scrolledToMaxLeft,scrolledToMaxRight = _ref.scrolledToMaxRight;return (
+    function (_ref2) {var _ref3 = _slicedToArray(_ref2, 2),sizeCode = _ref3[0].sizeCode,_ref3$ = _ref3[1],sticky = _ref3$.sticky,left = _ref3$.left,right = _ref3$.right;return {
+        bg: 'overlayBG',
+        paddingH: ['xxxs', 'xxs', 'xs'].includes(sizeCode) ? 'sm' : sizeCode,
+        paddingV: moveScale(sizeCode, -1),
+        borderB: true,
+        margin: 0,
+        borderR: left !== undefined && !!sticky && !scrolledToMaxLeft,
+        borderL: right !== undefined && !!sticky && !scrolledToMaxRight
+      };});};
+
+export function TableHeader(_ref4) {var children = _ref4.children,label = _ref4.label,colSpan = _ref4.colSpan,rowSpan = _ref4.rowSpan,rootProps = _objectWithoutProperties(_ref4, _excluded);
+  var _useTable = useTable(),scrolledToMaxLeft = _useTable.scrolledToMaxLeft,scrolledToMaxRight = _useTable.scrolledToMaxRight;
+
+  var _pipe = pipe(
+      useAlignConverter('left'),
+      useSizeConverter('padding', 'md'),
+      useThemeComponentModifier('TableHeader'),
+      useDefaultModifier(DEFAULT_PROPS({ scrolledToMaxLeft: scrolledToMaxLeft, scrolledToMaxRight: scrolledToMaxRight })),
+      useDisplayModifier,
+      usePositionModifier,
+      useSizeModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],sizeCode = _pipe2$.sizeCode,align = _pipe2$.align,_pipe2$2 = _pipe2[1],style = _pipe2$2.style,props = _objectWithoutProperties(_pipe2$2, _excluded2);
+
+  if (!!label || is(String, children)) {
+    console.log(sizeCode, moveScale(sizeCode, -1));
+    children =
+    _jsx(Text, { strong: true, text3: true, fullW: true, block: true, align: align, size: moveScale(sizeCode, -1), children:
+      label || children }
+    );
+
+  }
+
+  return (
+    _jsx(AbsTableHeader, { className: "neko-table-header", style: style, colSpan: colSpan, rowSpan: rowSpan, children:
+      _jsx(View, Object.assign({ className: "neko-table-header-content", fullW: true, fullH: true, align: align, centerV: true }, props, { children:
+        children })
+      ) }
+    ));
+
+}

package/dist/components/table/TableHeaderRow.js

@@ -1 +1,31 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/TableHeaderRow.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsTableRow}from"../../abstractions/Table";import{useBackgroundModifier}from"../../modifiers/background";import{useDefaultModifier}from"../../modifiers/default";import{useDisplayModifier}from"../../modifiers/display";import{useOverflowModifier}from"../../modifiers/overflow";import{usePositionModifier}from"../../modifiers/position";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={top:0,zIndex:40};export function TableHeaderRow(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('TableHeaderRow'),useDefaultModifier(DEFAULT_PROPS),useDisplayModifier,usePositionModifier,useOverflowModifier,useBackgroundModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(AbsTableRow,Object.assign({className:"neko-table-header-row"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/TableHeaderRow.js";var _excluded = ["children"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { pipe } from 'ramda';
+
+import { AbsTableRow } from "../../abstractions/Table";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useDisplayModifier } from "../../modifiers/display";
+import { useOverflowModifier } from "../../modifiers/overflow";
+import { usePositionModifier } from "../../modifiers/position";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+  top: 0,
+  zIndex: 40
+};
+
+export function TableHeaderRow(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('TableHeaderRow'),
+      useDefaultModifier(DEFAULT_PROPS),
+      useDisplayModifier,
+      usePositionModifier,
+      useOverflowModifier,
+      useBackgroundModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],props = _pipe2[1];
+
+  return (
+    _jsx(AbsTableRow, Object.assign({ className: "neko-table-header-row" }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/table/TableRow.js

@@ -1 +1,30 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/TableRow.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsTableRow}from"../../abstractions/Table";import{useBackgroundModifier}from"../../modifiers/background";import{useDefaultModifier}from"../../modifiers/default";import{useDisplayModifier}from"../../modifiers/display";import{useOverflowModifier}from"../../modifiers/overflow";import{usePositionModifier}from"../../modifiers/position";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={};export function TableRow(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('TableRow'),useDefaultModifier(DEFAULT_PROPS),useDisplayModifier,usePositionModifier,useOverflowModifier,useBackgroundModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(AbsTableRow,Object.assign({className:"neko-table-row"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/TableRow.js";var _excluded = ["children"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { pipe } from 'ramda';
+
+import { AbsTableRow } from "../../abstractions/Table";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useDisplayModifier } from "../../modifiers/display";
+import { useOverflowModifier } from "../../modifiers/overflow";
+import { usePositionModifier } from "../../modifiers/position";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+
+};
+
+export function TableRow(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('TableRow'),
+      useDefaultModifier(DEFAULT_PROPS),
+      useDisplayModifier,
+      usePositionModifier,
+      useOverflowModifier,
+      useBackgroundModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],props = _pipe2[1];
+
+  return (
+    _jsx(AbsTableRow, Object.assign({ className: "neko-table-row" }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/table/index.js

@@ -1 +1,7 @@
-export*from"./Table";export*from"./TableRow";export*from"./TableHeaderRow";export*from"./TableHeader";export*from"./TableCol";export*from"./DataTable";export*from"./Pagination";
+export * from "./Table";
+export * from "./TableRow";
+export * from "./TableHeaderRow";
+export * from "./TableHeader";
+export * from "./TableCol";
+export * from "./DataTable";
+export * from "./Pagination";

package/dist/components/tabs/ActiveTabContent.js

@@ -1 +1,38 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/tabs/ActiveTabContent.js";var _excluded=["item","active"];import React from'react';import{AnimatedView}from"../animations";import{View}from"../structure";import{useTabs}from"./TabsHandler";import{jsx as _jsx}from"react/jsx-runtime";var duration=100;function Item(_ref){var item=_ref.item,active=_ref.active,props=_objectWithoutProperties(_ref,_excluded);var Content=React.useMemo(function(){return item.renderContent||item.Content;},[item.renderContent,item.Content]);var _React$useState=React.useState(active),_React$useState2=_slicedToArray(_React$useState,2),open=_React$useState2[0],setOpen=_React$useState2[1];React.useEffect(function(){if(!!active){setTimeout(function(){return setOpen(true);},duration);}else{setOpen(active);}},[active]);return _jsx(AnimatedView,Object.assign({open:open,fade:{duration:duration},flex:true,display:!open&&'none'},props,{children:_jsx(Content,{})}));}export function ActiveTabContent(_ref2){var _this=this;var lazy=_ref2.lazy,unmountOnClose=_ref2.unmountOnClose;var _useTabs=useTabs(),activeKey=_useTabs.activeKey,items=_useTabs.items;if(!(items!=null&&items.length))return false;return items.map(function(item){return _jsx(Item,{item:item,active:item.key===activeKey,lazy:lazy,unmountOnClose:unmountOnClose},item.key);});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/tabs/ActiveTabContent.js";var _excluded = ["item", "active"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import React from 'react';
+
+import { AnimatedView } from "../animations";
+import { View } from "../structure";
+import { useTabs } from "./TabsHandler";import { jsx as _jsx } from "react/jsx-runtime";
+
+var duration = 100;
+
+function Item(_ref) {var item = _ref.item,active = _ref.active,props = _objectWithoutProperties(_ref, _excluded);
+  var Content = React.useMemo(
+    function () {return item.render || item.renderContent || item.Content;},
+    [item.renderContent, item.Content]
+  );
+  var _React$useState = React.useState(active),_React$useState2 = _slicedToArray(_React$useState, 2),open = _React$useState2[0],setOpen = _React$useState2[1];
+
+  React.useEffect(function () {
+    if (!!active) {
+      setTimeout(function () {return setOpen(true);}, duration);
+    } else {
+      setOpen(active);
+    }
+  }, [active]);
+
+  return (
+    _jsx(AnimatedView, Object.assign({ open: open, fade: { duration: duration }, flex: true, display: !open && 'none' }, props, { children:
+      _jsx(Content, {}) })
+    ));
+
+}
+
+export function ActiveTabContent(_ref2) {var _this = this;var lazy = _ref2.lazy,unmountOnClose = _ref2.unmountOnClose;
+  var _useTabs = useTabs(),activeKey = _useTabs.activeKey,items = _useTabs.items;
+  if (!(items != null && items.length)) return false;
+
+  return items.map(function (item) {return (
+      _jsx(Item, { item: item, active: item.key === activeKey, lazy: lazy, unmountOnClose: unmountOnClose }, item.key));}
+  );
+}

package/dist/components/tabs/TabsHandler.js

@@ -1 +1,16 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/tabs/TabsHandler.js";import React from'react';import{jsx as _jsx}from"react/jsx-runtime";var TabsContext=React.createContext(null);export var useTabs=function useTabs(){return React.useContext(TabsContext)||{};};export function TabsHandler(_ref){var _items$;var children=_ref.children,items=_ref.items,initialKey=_ref.initialKey;var _React$useState=React.useState(initialKey||(items==null?void 0:(_items$=items[0])==null?void 0:_items$.key)),_React$useState2=_slicedToArray(_React$useState,2),activeKey=_React$useState2[0],setActiveKey=_React$useState2[1];var activeTab=React.useMemo(function(){return items==null?void 0:items.find(function(item){return item.key===activeKey;});},[activeKey]);var value={items:items,onChange:setActiveKey,activeKey:activeKey,activeTab:activeTab};return _jsx(TabsContext.Provider,{value:value,children:children});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/tabs/TabsHandler.js";function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import React from 'react';import { jsx as _jsx } from "react/jsx-runtime";
+
+var TabsContext = React.createContext(null);
+export var useTabs = function useTabs() {return React.useContext(TabsContext) || {};};
+
+export function TabsHandler(_ref) {var _items$;var children = _ref.children,items = _ref.items,initialKey = _ref.initialKey;
+  var _React$useState = React.useState(initialKey || (items == null ? void 0 : (_items$ = items[0]) == null ? void 0 : _items$.key)),_React$useState2 = _slicedToArray(_React$useState, 2),activeKey = _React$useState2[0],setActiveKey = _React$useState2[1];
+
+  var activeTab = React.useMemo(function () {
+    return items == null ? void 0 : items.find(function (item) {return item.key === activeKey;});
+  }, [activeKey]);
+
+  var value = { items: items, onChange: setActiveKey, activeKey: activeKey, activeTab: activeTab };
+
+  return _jsx(TabsContext.Provider, { value: value, children: children });
+}

package/dist/components/tabs/TabsMenu.js

@@ -1 +1,15 @@
-var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/tabs/TabsMenu.js";import{Menu}from"../actions";import{SegmentedPicker}from"../inputs";import{useTabs}from"./TabsHandler";import{jsx as _jsx}from"react/jsx-runtime";export function TabsMenu(props){var _useTabs=useTabs(),activeKey=_useTabs.activeKey,items=_useTabs.items,_onChange=_useTabs.onChange;return _jsx(Menu,Object.assign({items:items,activeKey:activeKey,onChange:function onChange(_ref){var key=_ref.key;return _onChange(key);}},props));}export function TabsSegmentedMenu(props){var _useTabs2=useTabs(),activeKey=_useTabs2.activeKey,items=_useTabs2.items,onChange=_useTabs2.onChange;return _jsx(SegmentedPicker,Object.assign({options:items,valueKey:"key",value:activeKey,onChange:onChange},props));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/tabs/TabsMenu.js";import { Menu } from "../actions";
+import { SegmentedPicker } from "../inputs";
+import { useTabs } from "./TabsHandler";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function TabsMenu(props) {
+  var _useTabs = useTabs(),activeKey = _useTabs.activeKey,items = _useTabs.items,_onChange = _useTabs.onChange;
+
+  return _jsx(Menu, Object.assign({ items: items, activeKey: activeKey, onChange: function onChange(_ref) {var key = _ref.key;return _onChange(key);} }, props));
+}
+
+export function TabsSegmentedMenu(props) {
+  var _useTabs2 = useTabs(),activeKey = _useTabs2.activeKey,items = _useTabs2.items,onChange = _useTabs2.onChange;
+
+  return _jsx(SegmentedPicker, Object.assign({ options: items, valueKey: "key", value: activeKey, onChange: onChange }, props));
+}

package/dist/components/tabs/index.js

@@ -1 +1,3 @@
-export*from"./TabsHandler";export*from"./TabsMenu";export*from"./ActiveTabContent";
+export * from "./TabsHandler";
+export * from "./TabsMenu";
+export * from "./ActiveTabContent";