react-minolith 1.0.14 → 1.0.16

package/README.md

@@ -12,7 +12,7 @@ react-minolith is an open-source react wrapper for [minolith](https://github.com
 
 ## ⚠️Breaking Changes version 1.0
 
-`react-minolith` now have `lodash` and `@emotion/react` as dependencies.
+`react-minolith` now have `@emotion/react` as dependencies.
 
 ```shell
 npm install @emotion/react
@@ -21,7 +21,7 @@ npm install @emotion/react
 ## Installation
 
 ```shell
-npm install react-minolith @emotion/react lodash
+npm install react-minolith @emotion/react
 ```
 
 ## Getting Started

package/dist/base/Minolith/Minolith.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Minolith.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/Minolith.tsx"],"names":[],"mappings":"AAIA,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAiCzE"}
+{"version":3,"file":"Minolith.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/Minolith.tsx"],"names":[],"mappings":"AAKA,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAgDzE"}

package/dist/base/Minolith/Minolith.js

@@ -1,32 +1,38 @@
 "use client";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useMemo as s, useInsertionEffect as c } from "react";
-import m from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
-import a from "../Tabula/Tabula.js";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { useMemo as u, useInsertionEffect as a } from "react";
 import d from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
-import '../../assets/Minolith.css';function b(t) {
-  const e = { ...t };
+import y from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import S from "../Tabula/Tabula.js";
+import '../../assets/Minolith.css';function p(i) {
+  const e = { ...i };
   delete e.cssVariableSetting;
-  const i = s(
-    () => m.getMinolithCssVariableStyles(
-      t.cssVariableSetting
+  const l = u(
+    () => y.getMinolithCssVariableStyles(
+      i.cssVariableSetting
     ),
-    [t.cssVariableSetting]
+    [i.cssVariableSetting]
   );
-  return c(() => {
-    const l = "minolith-custom-css-variables", n = document.head.querySelector(`#${l}`);
-    n && document.head.removeChild(n);
-    const o = document.createElement("style");
-    o.id = l, o.innerText = i.join(), document.head.appendChild(o);
-  }, [i]), /* @__PURE__ */ r(
+  return a(() => {
+    const o = "minolith-custom-css-variables", c = () => {
+      const t = document.createElement("style");
+      return t.id = o, t.textContent = l.join(), t;
+    }, n = (t) => {
+      const r = t.querySelector(`#${o}`);
+      r && t.removeChild(r);
+      const m = c();
+      t.append(m);
+    };
+    document.querySelector(`#${o}`) === null && (n(document.head), document.querySelector(`#${o}`) === null && n(document.body));
+  }, [l]), /* @__PURE__ */ s(
     d.Provider,
     {
       value: e.colorScheme ? e.colorScheme : "light",
-      children: /* @__PURE__ */ r(a, { ...e })
+      children: /* @__PURE__ */ s(S, { ...e })
     }
   );
 }
 export {
-  b as default
+  p as default
 };
 //# sourceMappingURL=Minolith.js.map

package/dist/base/Minolith/Minolith.js.map

@@ -1 +1 @@
-{"version":3,"file":"Minolith.js","sources":["../../../src/base/Minolith/Minolith.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./Minolith.scss\";\r\nimport MinolithProps from \"./MinolithProps\";\r\nimport { MinolithColorSchemeContext } from \"../../contexts\";\r\n\r\nexport default function Minolith(props: MinolithProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"cssVariableSetting\"];\r\n\r\n  const minolithStyles = useMemo(\r\n    () =>\r\n      minolithStyleUtility.getMinolithCssVariableStyles(\r\n        props.cssVariableSetting\r\n      ),\r\n    [props.cssVariableSetting]\r\n  );\r\n\r\n  useInsertionEffect(() => {\r\n    const styleId = \"minolith-custom-css-variables\";\r\n\r\n    const currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n    if (currentCustomStyle) {\r\n      document.head.removeChild(currentCustomStyle);\r\n    }\r\n\r\n    const style = document.createElement(\"style\");\r\n    style.id = styleId;\r\n    style.innerText = minolithStyles.join();\r\n    document.head.appendChild(style);\r\n  }, [minolithStyles]);\r\n\r\n  return (\r\n    <MinolithColorSchemeContext.Provider\r\n      value={assignedProps.colorScheme ? assignedProps.colorScheme : \"light\"}\r\n    >\r\n      <Tabula {...assignedProps} />\r\n    </MinolithColorSchemeContext.Provider>\r\n  );\r\n}\r\n"],"names":["Minolith","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","currentCustomStyle","style","jsx","MinolithColorSchemeContext","Tabula"],"mappings":";;;;;;AAQA,SAAwBA,EAASC,GAA0C;AACnE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBJ,EAAM;AAAA,IACR;AAAA,IACF,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAqB,SAAS,KAAK,cAAc,IAAID,CAAO,EAAE;AACpE,IAAIC,KACO,SAAA,KAAK,YAAYA,CAAkB;AAGxC,UAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,IAAAA,EAAM,KAAKF,GACLE,EAAA,YAAYN,EAAe,KAAK,GAC7B,SAAA,KAAK,YAAYM,CAAK;AAAA,EAAA,GAC9B,CAACN,CAAc,CAAC,GAGjB,gBAAAO;AAAA,IAACC,EAA2B;AAAA,IAA3B;AAAA,MACC,OAAOT,EAAc,cAAcA,EAAc,cAAc;AAAA,MAE/D,UAAA,gBAAAQ,EAACE,GAAQ,EAAA,GAAGV,EAAe,CAAA;AAAA,IAAA;AAAA,EAC7B;AAEJ;"}
+{"version":3,"file":"Minolith.js","sources":["../../../src/base/Minolith/Minolith.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport { MinolithColorSchemeContext } from \"../../contexts\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./Minolith.scss\";\r\nimport MinolithProps from \"./MinolithProps\";\r\n\r\nexport default function Minolith(props: MinolithProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"cssVariableSetting\"];\r\n\r\n  const minolithStyles = useMemo(\r\n    () =>\r\n      minolithStyleUtility.getMinolithCssVariableStyles(\r\n        props.cssVariableSetting\r\n      ),\r\n    [props.cssVariableSetting]\r\n  );\r\n\r\n  useInsertionEffect(() => {\r\n    const styleId = \"minolith-custom-css-variables\";\r\n\r\n    const createMinolithCustomStyleElement = () => {\r\n      const style = document.createElement(\"style\");\r\n      style.id = styleId;\r\n      style.textContent = minolithStyles.join();\r\n      return style;\r\n    };\r\n\r\n    const setStyle = (element: HTMLElement) => {\r\n      const currentCustomStyle = element.querySelector(`#${styleId}`);\r\n      if (currentCustomStyle) {\r\n        element.removeChild(currentCustomStyle);\r\n      }\r\n\r\n      const style = createMinolithCustomStyleElement();\r\n      element.append(style);\r\n    };\r\n\r\n    if (document.querySelector(`#${styleId}`) === null) {\r\n      setStyle(document.head);\r\n\r\n      if (document.querySelector(`#${styleId}`) === null) {\r\n        setStyle(document.body);\r\n      }\r\n    }\r\n  }, [minolithStyles]);\r\n\r\n  return (\r\n    <MinolithColorSchemeContext.Provider\r\n      value={assignedProps.colorScheme ? assignedProps.colorScheme : \"light\"}\r\n    >\r\n      <Tabula {...assignedProps} />\r\n    </MinolithColorSchemeContext.Provider>\r\n  );\r\n}\r\n"],"names":["Minolith","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","createMinolithCustomStyleElement","style","setStyle","element","currentCustomStyle","jsx","MinolithColorSchemeContext","Tabula"],"mappings":";;;;;;AAQA,SAAwBA,EAASC,GAA0C;AACnE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBJ,EAAM;AAAA,IACR;AAAA,IACF,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAmC,MAAM;AACvC,YAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,aAAAA,EAAM,KAAKF,GACLE,EAAA,cAAcN,EAAe,KAAK,GACjCM;AAAA,IACT,GAEMC,IAAW,CAACC,MAAyB;AACzC,YAAMC,IAAqBD,EAAQ,cAAc,IAAIJ,CAAO,EAAE;AAC9D,MAAIK,KACFD,EAAQ,YAAYC,CAAkB;AAGxC,YAAMH,IAAQD,EAAiC;AAC/C,MAAAG,EAAQ,OAAOF,CAAK;AAAA,IACtB;AAEA,IAAI,SAAS,cAAc,IAAIF,CAAO,EAAE,MAAM,SAC5CG,EAAS,SAAS,IAAI,GAElB,SAAS,cAAc,IAAIH,CAAO,EAAE,MAAM,QAC5CG,EAAS,SAAS,IAAI;AAAA,EAE1B,GACC,CAACP,CAAc,CAAC,GAGjB,gBAAAU;AAAA,IAACC,EAA2B;AAAA,IAA3B;AAAA,MACC,OAAOZ,EAAc,cAAcA,EAAc,cAAc;AAAA,MAE/D,UAAA,gBAAAW,EAACE,GAAQ,EAAA,GAAGb,EAAe,CAAA;AAAA,IAAA;AAAA,EAC7B;AAEJ;"}

package/dist/base/MinolithStatic/MinolithStatic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MinolithStatic.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"names":[],"mappings":"AAIA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,sCAAsC;AACtC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CA2BrF"}
+{"version":3,"file":"MinolithStatic.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"names":[],"mappings":"AAIA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,sCAAsC;AACtC,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,KAAK,EAAE,mBAAmB,GACzB,KAAK,CAAC,YAAY,CA0CpB"}

package/dist/base/MinolithStatic/MinolithStatic.js

@@ -1,23 +1,31 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useMemo as r, useInsertionEffect as a } from "react";
-import c from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
-import m from "../Tabula/Tabula.js";
-import '../../assets/Minolith.css';function y(t) {
-  const i = { ...t };
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { useMemo as m, useInsertionEffect as a } from "react";
+import y from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import d from "../Tabula/Tabula.js";
+import '../../assets/Minolith.css';function g(o) {
+  const i = { ...o };
   delete i.cssVariableSetting;
-  const n = r(
-    () => c.getMinolithCssVariableStyles(t.cssVariableSetting),
-    [t.cssVariableSetting]
+  const n = m(
+    () => y.getMinolithCssVariableStyles(
+      o.cssVariableSetting
+    ),
+    [o.cssVariableSetting]
   );
   return a(() => {
-    const o = "minolith-custom-css-variables", s = document.head.querySelector(`#${o}`);
-    s && document.head.removeChild(s);
-    const e = document.createElement("style");
-    e.id = o, e.innerText = n.join(), document.head.appendChild(e);
-  }, [n]), /* @__PURE__ */ l(m, { ...i });
+    const e = "minolith-custom-css-variables", r = () => {
+      const t = document.createElement("style");
+      return t.id = e, t.textContent = n.join(), t;
+    }, s = (t) => {
+      const l = t.querySelector(`#${e}`);
+      l && t.removeChild(l);
+      const c = r();
+      t.append(c);
+    };
+    document.querySelector(`#${e}`) === null && (s(document.head), document.querySelector(`#${e}`) === null && s(document.body));
+  }, [n]), /* @__PURE__ */ u(d, { ...i });
 }
 export {
-  y as default
+  g as default
 };
 //# sourceMappingURL=MinolithStatic.js.map

package/dist/base/MinolithStatic/MinolithStatic.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinolithStatic.js","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./MinolithStatic.scss\";\r\nimport MinolithStaticProps from \"./MinolithStaticProps\";\r\n\r\n/** @deprecated please use Minolith */\r\nexport default function MinolithStatic(props: MinolithStaticProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"cssVariableSetting\"];\r\n\r\n  const minolithStyles = useMemo(\r\n    () =>\r\n      minolithStyleUtility.getMinolithCssVariableStyles(props.cssVariableSetting),\r\n    [props.cssVariableSetting]\r\n  );\r\n\r\n  useInsertionEffect(() => {\r\n    const styleId = \"minolith-custom-css-variables\";\r\n\r\n    const currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n    if (currentCustomStyle) {\r\n      document.head.removeChild(currentCustomStyle);\r\n    }\r\n\r\n    const style = document.createElement(\"style\");\r\n    style.id = styleId;\r\n    style.innerText = minolithStyles.join();\r\n    document.head.appendChild(style);\r\n  }, [minolithStyles]);\r\n\r\n  return (\r\n    <Tabula {...assignedProps} />\r\n  );\r\n}\r\n"],"names":["MinolithStatic","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","currentCustomStyle","style","jsx","Tabula"],"mappings":";;;;;AAQA,SAAwBA,EAAeC,GAAgD;AAC/E,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB,6BAA6BJ,EAAM,kBAAkB;AAAA,IAC5E,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAqB,SAAS,KAAK,cAAc,IAAID,CAAO,EAAE;AACpE,IAAIC,KACO,SAAA,KAAK,YAAYA,CAAkB;AAGxC,UAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,IAAAA,EAAM,KAAKF,GACLE,EAAA,YAAYN,EAAe,KAAK,GAC7B,SAAA,KAAK,YAAYM,CAAK;AAAA,EAAA,GAC9B,CAACN,CAAc,CAAC,GAGjB,gBAAAO,EAACC,GAAQ,EAAA,GAAGT,EAAe,CAAA;AAE/B;"}
+{"version":3,"file":"MinolithStatic.js","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./MinolithStatic.scss\";\r\nimport MinolithStaticProps from \"./MinolithStaticProps\";\r\n\r\n/** @deprecated please use Minolith */\r\nexport default function MinolithStatic(\r\n  props: MinolithStaticProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"cssVariableSetting\"];\r\n\r\n  const minolithStyles = useMemo(\r\n    () =>\r\n      minolithStyleUtility.getMinolithCssVariableStyles(\r\n        props.cssVariableSetting\r\n      ),\r\n    [props.cssVariableSetting]\r\n  );\r\n\r\n  useInsertionEffect(() => {\r\n    const styleId = \"minolith-custom-css-variables\";\r\n\r\n    const createMinolithCustomStyleElement = () => {\r\n      const style = document.createElement(\"style\");\r\n      style.id = styleId;\r\n      style.textContent = minolithStyles.join();\r\n      return style;\r\n    };\r\n\r\n    const setStyle = (element: HTMLElement) => {\r\n      const currentCustomStyle = element.querySelector(`#${styleId}`);\r\n      if (currentCustomStyle) {\r\n        element.removeChild(currentCustomStyle);\r\n      }\r\n\r\n      const style = createMinolithCustomStyleElement();\r\n      element.append(style);\r\n    };\r\n\r\n    if (document.querySelector(`#${styleId}`) === null) {\r\n      setStyle(document.head);\r\n\r\n      if (document.querySelector(`#${styleId}`) === null) {\r\n        setStyle(document.body);\r\n      }\r\n    }\r\n  }, [minolithStyles]);\r\n\r\n  return <Tabula {...assignedProps} />;\r\n}\r\n"],"names":["MinolithStatic","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","createMinolithCustomStyleElement","style","setStyle","element","currentCustomStyle","jsx","Tabula"],"mappings":";;;;;AAQA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBJ,EAAM;AAAA,IACR;AAAA,IACF,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAmC,MAAM;AACvC,YAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,aAAAA,EAAM,KAAKF,GACLE,EAAA,cAAcN,EAAe,KAAK,GACjCM;AAAA,IACT,GAEMC,IAAW,CAACC,MAAyB;AACzC,YAAMC,IAAqBD,EAAQ,cAAc,IAAIJ,CAAO,EAAE;AAC9D,MAAIK,KACFD,EAAQ,YAAYC,CAAkB;AAGxC,YAAMH,IAAQD,EAAiC;AAC/C,MAAAG,EAAQ,OAAOF,CAAK;AAAA,IACtB;AAEA,IAAI,SAAS,cAAc,IAAIF,CAAO,EAAE,MAAM,SAC5CG,EAAS,SAAS,IAAI,GAElB,SAAS,cAAc,IAAIH,CAAO,EAAE,MAAM,QAC5CG,EAAS,SAAS,IAAI;AAAA,EAE1B,GACC,CAACP,CAAc,CAAC,GAEZ,gBAAAU,EAACC,GAAQ,EAAA,GAAGZ,EAAe,CAAA;AACpC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-minolith",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "react-minolith is an open-source react wrapper for minolith.",
   "type": "module",
   "main": "./dist/react-minolith.js",
@@ -350,6 +350,9 @@
       "optional": true
     }
   },
+  "optionalDependencies": {
+    "@rollup/rollup-linux-x64-gnu": "4.44.2"
+  },
   "devDependencies": {
     "@emotion/babel-preset-css-prop": "^11.12.0",
     "@emotion/react": "^11.14.0",