etudes 0.66.0 → 1.2.0

package/lib/Conditional.js

@@ -12,6 +12,7 @@ function Conditional(_a) {
         case 'function':
             return boolOrExpression() ? react_1.default.createElement(react_1.default.Fragment, null, children) : react_1.default.createElement(react_1.default.Fragment, null);
         default:
+            // eslint-disable-next-line no-console
             console.error("[etudes::Conditional] The type of provided condition ".concat(boolOrExpression, " is not supported."));
             return react_1.default.createElement(react_1.default.Fragment, null);
     }

package/lib/Conditional.js.map

@@ -1 +1 @@
-{"version":3,"file":"Conditional.js","sourceRoot":"/","sources":["Conditional.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAgD;AAMhD,SAAwB,WAAW,CAAC,EAAyC;QAAvC,QAAQ,cAAA,EAAM,gBAAgB,QAAA;IAClE,QAAQ,OAAO,gBAAgB,EAAE;QACjC,KAAK,SAAS;YACZ,OAAO,gBAAgB,CAAC,CAAC,CAAC,8DAAG,QAAQ,CAAI,CAAC,CAAC,CAAC,6DAAK,CAAA;QACnD,KAAK,UAAU;YACb,OAAO,gBAAgB,EAAE,CAAC,CAAC,CAAC,8DAAG,QAAQ,CAAI,CAAC,CAAC,CAAC,6DAAK,CAAA;QACrD;YACE,OAAO,CAAC,KAAK,CAAC,+DAAwD,gBAAgB,uBAAoB,CAAC,CAAA;YAC3G,OAAO,6DAAK,CAAA;KACb;AACH,CAAC;AAVD,8BAUC","sourcesContent":["import React, { PropsWithChildren } from 'react'\n\ntype Props = PropsWithChildren<{\n  if: boolean | (() => boolean)\n}>\n\nexport default function Conditional({ children, if: boolOrExpression }: Props) {\n  switch (typeof boolOrExpression) {\n  case 'boolean':\n    return boolOrExpression ? <>{children}</> : <></>\n  case 'function':\n    return boolOrExpression() ? <>{children}</> : <></>\n  default:\n    console.error(`[etudes::Conditional] The type of provided condition ${boolOrExpression} is not supported.`)\n    return <></>\n  }\n}\n"]}
+{"version":3,"file":"Conditional.js","sourceRoot":"/","sources":["Conditional.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAgD;AAMhD,SAAwB,WAAW,CAAC,EAAyC;QAAvC,QAAQ,cAAA,EAAM,gBAAgB,QAAA;IAClE,QAAQ,OAAO,gBAAgB,EAAE;QACjC,KAAK,SAAS;YACZ,OAAO,gBAAgB,CAAC,CAAC,CAAC,8DAAG,QAAQ,CAAI,CAAC,CAAC,CAAC,6DAAK,CAAA;QACnD,KAAK,UAAU;YACb,OAAO,gBAAgB,EAAE,CAAC,CAAC,CAAC,8DAAG,QAAQ,CAAI,CAAC,CAAC,CAAC,6DAAK,CAAA;QACrD;YACE,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,+DAAwD,gBAAgB,uBAAoB,CAAC,CAAA;YAC3G,OAAO,6DAAK,CAAA;KACb;AACH,CAAC;AAXD,8BAWC","sourcesContent":["import React, { PropsWithChildren } from 'react'\n\ntype Props = PropsWithChildren<{\n  if: boolean | (() => boolean)\n}>\n\nexport default function Conditional({ children, if: boolOrExpression }: Props) {\n  switch (typeof boolOrExpression) {\n  case 'boolean':\n    return boolOrExpression ? <>{children}</> : <></>\n  case 'function':\n    return boolOrExpression() ? <>{children}</> : <></>\n  default:\n    // eslint-disable-next-line no-console\n    console.error(`[etudes::Conditional] The type of provided condition ${boolOrExpression} is not supported.`)\n    return <></>\n  }\n}\n"]}

package/lib/Each.d.ts

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

package/lib/{Map.js → Each.js}

@@ -24,11 +24,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-function Map(_a) {
-    var array = _a.array, children = _a.children;
+function Each(_a) {
+    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 (!(array instanceof Array))
-        throw TypeError("Provided collection must be an array: ".concat(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: "element-".concat(i) }, typeof children === 'function' ? children(v, i) : children)); })));
+        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 = Map;
-//# sourceMappingURL=Map.js.map
+exports.default = Each;
+//# sourceMappingURL=Each.js.map

package/lib/Each.js.map

@@ -0,0 +1 @@
+{"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": "0.66.0",
+  "version": "1.2.0",
   "description": "A study of styled React components",
   "main": "lib",
   "scripts": {
@@ -29,32 +29,32 @@
     "lib"
   ],
   "devDependencies": {
-    "@babel/core": "^7.18.6",
-    "@babel/plugin-transform-runtime": "^7.18.6",
-    "@babel/preset-env": "^7.18.6",
+    "@babel/core": "^7.18.10",
+    "@babel/plugin-transform-runtime": "^7.18.10",
+    "@babel/preset-env": "^7.18.10",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime": "^7.18.6",
+    "@babel/runtime": "^7.18.9",
     "@types/debug": "^4.1.7",
     "@types/html-webpack-plugin": "^3.2.6",
     "@types/lodash": "^4.14.182",
-    "@types/react": "^18.0.15",
+    "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "@types/react-transition-group": "^4.4.5",
-    "@types/styled-components": "^5.1.25",
+    "@types/styled-components": "^5.1.26",
     "@types/webpack": "^5.28.0",
     "@types/webpack-env": "^1.17.0",
-    "@typescript-eslint/eslint-plugin": "^5.30.5",
-    "@typescript-eslint/parser": "^5.30.5",
+    "@typescript-eslint/eslint-plugin": "^5.33.0",
+    "@typescript-eslint/parser": "^5.33.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-styled-components": "^2.0.7",
-    "concurrently": "^7.2.2",
+    "concurrently": "^7.3.0",
     "cross-env": "^7.0.3",
     "debug": "^4.3.4",
-    "eslint": "^8.19.0",
+    "eslint": "^8.22.0",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.0",
-    "promptu": "^5.8.0",
+    "promptu": "^5.9.0",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -63,22 +63,22 @@
     "rimraf": "^3.0.2",
     "styled-components": "^5.3.5",
     "ts-loader": "^9.3.1",
-    "ts-node": "^10.8.2",
+    "ts-node": "^10.9.1",
     "typescript": "^4.7.4",
     "url-loader": "^4.1.1",
     "wait-on": "^6.0.1",
-    "webpack": "^5.73.0",
+    "webpack": "^5.74.0",
     "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.9.3"
+    "webpack-dev-server": "^4.10.0"
   },
   "dependencies": {
     "classnames": "^2.3.1",
-    "dirty-dom": "^7.1.0",
-    "interactjs": "^1.10.14",
+    "dirty-dom": "^7.2.0",
+    "interactjs": "^1.10.17",
     "lodash": "^4.17.21",
-    "react-transition-group": "^4.4.2",
+    "react-transition-group": "^4.4.5",
     "resize-observer-polyfill": "^1.5.1",
-    "spase": "^6.3.0"
+    "spase": "^6.4.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",

package/lib/Map.d.ts

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

package/lib/Map.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Map.js","sourceRoot":"/","sources":["Map.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAOlD,SAAwB,GAAG,CAAI,EAGpB;QAFT,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC;QAAE,MAAM,SAAS,CAAC,gDAAyC,KAAK,CAAE,CAAC,CAAA;IAEhG,OAAO,CACL,8DACG,KAAK,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CACnB,8BAAC,gBAAQ,IAAC,GAAG,EAAE,kBAAW,CAAC,CAAE,IAC1B,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClD,CACZ,EAJoB,CAIpB,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAfD,sBAeC","sourcesContent":["import React, { Fragment, ReactNode } from 'react'\n\nexport type Props<T> = {\n  children: ReactNode | ((value: T, index: number) => ReactNode)\n  array?: T[]\n}\n\nexport default function Map<T>({\n  array,\n  children,\n}: Props<T>) {\n  if (!(array instanceof Array)) throw TypeError(`Provided collection must be an array: ${array}`)\n\n  return (\n    <>\n      {array.map((v, i) => (\n        <Fragment key={`element-${i}`}>\n          {typeof children === 'function' ? children(v, i) : children}\n        </Fragment>\n      ))}\n    </>\n  )\n}\n"]}