etudes 0.65.0 → 1.1.0

package/lib/Conditional.js

@@ -6,12 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 function Conditional(_a) {
     var children = _a.children, boolOrExpression = _a.if;
-    if (typeof boolOrExpression === 'boolean' && boolOrExpression === true)
-        return react_1.default.createElement(react_1.default.Fragment, null, children);
-    if (typeof boolOrExpression === 'function' && boolOrExpression() === true)
-        return react_1.default.createElement(react_1.default.Fragment, null, children);
-    console.error("[etudes::Conditional] The type of provided condition ".concat(boolOrExpression, " is not supported."));
-    return react_1.default.createElement(react_1.default.Fragment, null);
+    switch (typeof boolOrExpression) {
+        case 'boolean':
+            return boolOrExpression ? react_1.default.createElement(react_1.default.Fragment, null, children) : react_1.default.createElement(react_1.default.Fragment, null);
+        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);
+    }
 }
 exports.default = Conditional;
 //# sourceMappingURL=Conditional.js.map

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,IAAI,OAAO,gBAAgB,KAAK,SAAS,IAAI,gBAAgB,KAAK,IAAI;QAAE,OAAO,8DAAG,QAAQ,CAAI,CAAA;IAC9F,IAAI,OAAO,gBAAgB,KAAK,UAAU,IAAI,gBAAgB,EAAE,KAAK,IAAI;QAAE,OAAO,8DAAG,QAAQ,CAAI,CAAA;IACjG,OAAO,CAAC,KAAK,CAAC,+DAAwD,gBAAgB,uBAAoB,CAAC,CAAA;IAC3G,OAAO,6DAAK,CAAA;AACd,CAAC;AALD,8BAKC","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  if (typeof boolOrExpression === 'boolean' && boolOrExpression === true) return <>{children}</>\n  if (typeof boolOrExpression === 'function' && boolOrExpression() === true) return <>{children}</>\n  console.error(`[etudes::Conditional] The type of provided condition ${boolOrExpression} is not supported.`)\n  return <></>\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/{Map.d.ts → Each.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export declare type Props<T> = {
     children: ReactNode | ((value: T, index: number) => ReactNode);
-    array?: T[];
+    list?: T[];
 };
-export default function Map<T>({ array, children, }: Props<T>): JSX.Element;
+export default function Each<T>({ list, children, }: 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;
-    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)); })));
+function Each(_a) {
+    var list = _a.list, children = _a.children;
+    if (list === undefined || list === 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)); })));
 }
-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;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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etudes",
-  "version": "0.65.0",
+  "version": "1.1.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.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"]}