etudes 1.1.0 → 1.2.0

package/lib/Each.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 export declare type Props<T> = {
-    children: ReactNode | ((value: T, index: number) => ReactNode);
-    list?: T[];
+    children?: ReactNode | ((value: T, index: number) => ReactNode);
+    in?: T[];
+    render?: (value: T, index: number) => ReactNode;
 };
-export default function Each<T>({ list, children, }: Props<T>): JSX.Element;
+export default function Each<T>({ in: array, children, render, }: Props<T>): JSX.Element;

package/lib/Each.js

@@ -25,12 +25,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 function Each(_a) {
-    var list = _a.list, children = _a.children;
-    if (list === undefined || list === null)
+    var array = _a.in, children = _a.children, render = _a.render;
+    if (array === undefined || array === null)
         return react_1.default.createElement(react_1.default.Fragment, null);
-    if (!(list instanceof Array))
-        throw TypeError("Provided list must be an array: ".concat(list));
-    return (react_1.default.createElement(react_1.default.Fragment, null, list.map(function (v, i) { return (react_1.default.createElement(react_1.Fragment, { key: "item-".concat(i) }, typeof children === 'function' ? children(v, i) : children)); })));
+    if (!(array instanceof Array))
+        throw TypeError("Provided list <".concat(array, "> is not an array"));
+    return (react_1.default.createElement(react_1.default.Fragment, null, array.map(function (v, i) { return (react_1.default.createElement(react_1.Fragment, { key: "item-".concat(i) }, render ? render(v, i) : typeof children === 'function' ? children(v, i) : children)); })));
 }
 exports.default = Each;
 //# sourceMappingURL=Each.js.map

package/lib/Each.js.map

@@ -1 +1 @@
-{"version":3,"file":"Each.js","sourceRoot":"/","sources":["Each.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAOlD,SAAwB,IAAI,CAAI,EAGrB;QAFT,IAAI,UAAA,EACJ,QAAQ,cAAA;IAER,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,6DAAK,CAAA;IACrD,IAAI,CAAC,CAAC,IAAI,YAAY,KAAK,CAAC;QAAE,MAAM,SAAS,CAAC,0CAAmC,IAAI,CAAE,CAAC,CAAA;IAExF,OAAO,CACL,8DACG,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAClB,8BAAC,gBAAQ,IAAC,GAAG,EAAE,eAAQ,CAAC,CAAE,IACvB,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClD,CACZ,EAJmB,CAInB,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAhBD,uBAgBC","sourcesContent":["import React, { Fragment, ReactNode } from 'react'\n\nexport type Props<T> = {\n  children: ReactNode | ((value: T, index: number) => ReactNode)\n  list?: T[]\n}\n\nexport default function Each<T>({\n  list,\n  children,\n}: Props<T>) {\n  if (list === undefined || list === null) return <></>\n  if (!(list instanceof Array)) throw TypeError(`Provided list must be an array: ${list}`)\n\n  return (\n    <>\n      {list.map((v, i) => (\n        <Fragment key={`item-${i}`}>\n          {typeof children === 'function' ? children(v, i) : children}\n        </Fragment>\n      ))}\n    </>\n  )\n}\n"]}
+{"version":3,"file":"Each.js","sourceRoot":"/","sources":["Each.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAQlD,SAAwB,IAAI,CAAI,EAIrB;QAHL,KAAK,QAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA;IAEN,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,6DAAK,CAAA;IACvD,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC;QAAE,MAAM,SAAS,CAAC,yBAAkB,KAAK,sBAAmB,CAAC,CAAA;IAE1F,OAAO,CACL,8DACG,KAAK,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CACnB,8BAAC,gBAAQ,IAAC,GAAG,EAAE,eAAQ,CAAC,CAAE,IACvB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAC1E,CACZ,EAJoB,CAIpB,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAjBD,uBAiBC","sourcesContent":["import React, { Fragment, ReactNode } from 'react'\n\nexport type Props<T> = {\n  children?: ReactNode | ((value: T, index: number) => ReactNode)\n  in?: T[]\n  render?: (value: T, index: number) => ReactNode\n}\n\nexport default function Each<T>({\n  in: array,\n  children,\n  render,\n}: Props<T>) {\n  if (array === undefined || array === null) return <></>\n  if (!(array instanceof Array)) throw TypeError(`Provided list <${array}> is not an array`)\n\n  return (\n    <>\n      {array.map((v, i) => (\n        <Fragment key={`item-${i}`}>\n          {render ? render(v, i) : typeof children === 'function' ? children(v, i) : children}\n        </Fragment>\n      ))}\n    </>\n  )\n}\n"]}

package/lib/Repeat.d.ts

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
 export declare type Props = {
-    children: ReactNode | ((index: number) => ReactNode);
+    children?: ReactNode | ((index: number) => ReactNode);
     count?: number;
+    render?: (index: number) => ReactNode;
 };
 /**
  * A tag-less component that repeats its children, automatically assigning each a unique key.
  */
-export default function Repeat({ count, children, }: Props): JSX.Element;
+export default function Repeat({ count, children, render, }: Props): JSX.Element;

package/lib/Repeat.js

@@ -53,8 +53,8 @@ var react_1 = __importStar(require("react"));
  * A tag-less component that repeats its children, automatically assigning each a unique key.
  */
 function Repeat(_a) {
-    var _b = _a.count, count = _b === void 0 ? 1 : _b, children = _a.children;
-    return (react_1.default.createElement(react_1.default.Fragment, null, __spreadArray([], __read(Array(count)), false).map(function (_, i) { return (react_1.default.createElement(react_1.Fragment, { key: "element-".concat(i) }, typeof children === 'function' ? children(i) : children)); })));
+    var _b = _a.count, count = _b === void 0 ? 1 : _b, children = _a.children, render = _a.render;
+    return (react_1.default.createElement(react_1.default.Fragment, null, __spreadArray([], __read(Array(count)), false).map(function (_, i) { return (react_1.default.createElement(react_1.Fragment, { key: "element-".concat(i) }, render ? render(i) : typeof children === 'function' ? children(i) : children)); })));
 }
 exports.default = Repeat;
 //# sourceMappingURL=Repeat.js.map

package/lib/Repeat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Repeat.js","sourceRoot":"/","sources":["Repeat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAOlD;;GAEG;AACH,SAAwB,MAAM,CAAC,EAGvB;QAFN,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,QAAQ,cAAA;IAER,OAAO,CACL,8DACG,yBAAI,KAAK,CAAC,KAAK,CAAC,UAAE,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAC/B,8BAAC,gBAAQ,IAAC,GAAG,EAAE,kBAAW,CAAC,CAAE,IAC1B,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAC/C,CACZ,EAJgC,CAIhC,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAbD,yBAaC","sourcesContent":["import React, { Fragment, ReactNode } from 'react'\n\nexport type Props = {\n  children: ReactNode | ((index: number) => ReactNode)\n  count?: number\n}\n\n/**\n * A tag-less component that repeats its children, automatically assigning each a unique key.\n */\nexport default function Repeat({\n  count = 1,\n  children,\n}: Props) {\n  return (\n    <>\n      {[...Array(count)].map((_, i) => (\n        <Fragment key={`element-${i}`}>\n          {typeof children === 'function' ? children(i) : children}\n        </Fragment>\n      ))}\n    </>\n  )\n}\n"]}
+{"version":3,"file":"Repeat.js","sourceRoot":"/","sources":["Repeat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAQlD;;GAEG;AACH,SAAwB,MAAM,CAAC,EAIvB;QAHN,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA;IAEN,OAAO,CACL,8DACG,yBAAI,KAAK,CAAC,KAAK,CAAC,UAAE,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAC/B,8BAAC,gBAAQ,IAAC,GAAG,EAAE,kBAAW,CAAC,CAAE,IAC1B,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CACpE,CACZ,EAJgC,CAIhC,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAdD,yBAcC","sourcesContent":["import React, { Fragment, ReactNode } from 'react'\n\nexport type Props = {\n  children?: ReactNode | ((index: number) => ReactNode)\n  count?: number\n  render?: (index: number) => ReactNode\n}\n\n/**\n * A tag-less component that repeats its children, automatically assigning each a unique key.\n */\nexport default function Repeat({\n  count = 1,\n  children,\n  render,\n}: Props) {\n  return (\n    <>\n      {[...Array(count)].map((_, i) => (\n        <Fragment key={`element-${i}`}>\n          {render ? render(i) : typeof children === 'function' ? children(i) : children}\n        </Fragment>\n      ))}\n    </>\n  )\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etudes",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "A study of styled React components",
   "main": "lib",
   "scripts": {