react-miui 0.23.2 → 0.23.3

package/src/components/ui/modal/ModalButtons.styled.ts

@@ -1,4 +1,4 @@
-import { dimensionsPxToRem, styled } from "../../../theme.js";
+import { dimensionsPxToRem, styled } from "../../../theme";
 
 import { NEGATIVE_PADDING } from "./Modal.styled";
 

package/src/components/ui/modal/ModalButtons.tsx

@@ -1 +1 @@
-export { ModalButtons } from "./ModalButtons.styled.js";
+export { ModalButtons } from "./ModalButtons.styled";

package/src/components/ui/pop/Pop.tsx

@@ -2,10 +2,10 @@ import React, { Component, createRef } from "react";
 
 import classnames from "classnames";
 
-import { HandleEsc } from "../../utils/HandleEsc.js";
+import { HandleEsc } from "../../utils/HandleEsc";
 
-import { OnButtonClick } from "./OnButtonClick.js";
-import { PopOption } from "./PopOption.js";
+import { OnButtonClick } from "./OnButtonClick";
+import { PopOption } from "./PopOption";
 
 import styles from "./Pop.module.scss";
 

package/src/components/ui/tabs/Selector.tsx

@@ -4,9 +4,9 @@ import classnames from "classnames";
 
 import type { Value } from "../../../types/form";
 
-import { toObjectValue } from "../../../utils/index.js";
+import { toObjectValue } from "../../../utils/index";
 
-import { Item } from "./Item.js";
+import { Item } from "./Item";
 
 import styles from "./Selector.module.scss";
 

package/src/components/ui/toaster/Toaster.tsx

@@ -3,7 +3,7 @@ import React, { createContext, useContext } from "react";
 import type { Toast } from "./types";
 
 // eslint-disable-next-line @typescript-eslint/no-shadow
-import { Notification } from "./Notification.js";
+import { Notification } from "./Notification";
 
 type ToasterFn = (text: string) => void;
 

package/src/components/utils/HandleEsc.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import type React from "react";
 
-import { useKeyPress } from "../../utils/index.js";
+import { useKeyPress } from "../../utils/index";
 
 interface Props {
     onPress: () => void;

package/src/demo/Demo.tsx

@@ -1,12 +1,14 @@
 import React from "react";
 
-import { ToasterProvider } from "../components/ui/toaster/Toaster.js";
+// eslint-disable-next-line import/order
+import "@icon-park/react/styles/index.css";
 
-import { Menu } from "./Menu.js";
-import { Main } from "./Main.js";
-import { componentsMap } from "./componentsMap.js";
+import { ToasterProvider } from "../components/ui/toaster/Toaster";
+
+import { Menu } from "./Menu";
+import { Main } from "./Main";
+import { componentsMap } from "./componentsMap";
 
-import "@icon-park/react/styles/index.css";
 import styles from "./Demo.module.scss";
 
 const Demo: React.FC = (props) => {

package/src/demo/Main.tsx

@@ -5,10 +5,10 @@ import classnames from "classnames";
 import type { AnyComponent } from "../types";
 import type { TheMap, TheMapItem } from "./componentsMap";
 
-import { Choice } from "../components/form/choice/Choice.js";
+import { Choice } from "../components/form/choice/Choice";
 
-import { safeUseHash } from "./utils/safeUseHash.js";
-import { componentsMap } from "./componentsMap.js";
+import { safeUseHash } from "./utils/safeUseHash";
+import { componentsMap } from "./componentsMap";
 
 import styles from "./Main.module.scss";
 

package/src/demo/components/form/Checkbox.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from "react";
 
-import { Checkbox } from "../../../index.js";
+import { Checkbox } from "../../../index";
 
 const handleChangeNoop = () => undefined;
 

package/src/demo/components/form/Choice.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 
-import { Choice, Section } from "../../../index.js";
+import { Choice, Section } from "../../../index";
 
 import styles from "./Choice.module.scss";
 

package/src/demo/components/form/Form.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Section, Input, Label, Button, TextArea } from "../../../index.js";
+import { Section, Input, Label, Button, TextArea } from "../../../index";
 
 // @TODO add checkbox
 // @TODO add toggle

package/src/demo/components/form/Label.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Label, Input, ICON, Icon } from "../../../index.js";
+import { Label, Input, ICON, Icon } from "../../../index";
 
 const LabelDemo = () => {
     return (

package/src/demo/components/form/Search.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { SearchContainer, Input, ICON, Icon, Section, List } from "../../../index.js";
+import { SearchContainer, Input, ICON, Icon, Section, List } from "../../../index";
 
 const Item = List.Item;
 

package/src/demo/components/form/TextArea.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { TextArea } from "../../../index.js";
+import { TextArea } from "../../../index";
 
 const TextAreaDemo: React.FC = () => {
     return (

package/src/demo/components/form/Toggle.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useState } from "react";
 
-import { Toggle, List, useToaster } from "../../../index.js";
+import { Toggle, List, useToaster } from "../../../index";
 
 const Item = List.Item;
 

package/src/demo/components/layout/card/Card.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Card, Section } from "../../../../index.js";
+import { Card, Section } from "../../../../index";
 
 const CardDemo = () => {
     return (

package/src/demo/components/layout/header/Header.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
-import { Header, ICON, StickyHeader, HeaderIconAction } from "../../../../index.js";
-import { NextLink } from "../../../NextLink.js";
+import { Header, ICON, StickyHeader, HeaderIconAction } from "../../../../index";
+import { NextLink } from "../../../NextLink";
 
 const HeaderDemo = () => {
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers,react/no-array-index-key

package/src/demo/components/layout/header/StickyHeader.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Header, HeaderIconAction, ICON, StickyHeader } from "../../../../index.js";
+import { Header, HeaderIconAction, ICON, StickyHeader } from "../../../../index";
 
 import styles from "./StickyHeader.module.scss";
 

package/src/demo/components/layout/table/TableDemo.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Table } from "../../../../index.js";
+import { Table } from "../../../../index";
 
 import styles from "./TableDemo.module.scss";
 

package/src/demo/components/ui/action/Action.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
-import { Action, ICON, StickyHeader, Header, EqualActions } from "../../../../index.js";
-import { NextLink } from "../../../NextLink.js";
+import { Action, ICON, StickyHeader, Header, EqualActions } from "../../../../index";
+import { NextLink } from "../../../NextLink";
 
 import styles from "./ActionDemo.module.scss";
 

package/src/demo/components/ui/directionPad/Pad.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from "react";
 
-import { DirectionPad } from "../../../../index.js";
+import { DirectionPad } from "../../../../index";
 
 const DirectionPadDemo: React.FC = (props) => {
     const [lastClick, setLastClick] = useState("<none>");

package/src/demo/components/ui/drawer/Drawer.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from "react";
 
-import { Drawer } from "../../../../index.js";
+import { Drawer } from "../../../../index";
 
 interface Props {}
 

package/src/demo/components/ui/icons/Icons.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Icon, ICON, List } from "../../../../index.js";
+import { Icon, ICON, List } from "../../../../index";
 
 const Item = List.Item;
 

package/src/demo/components/ui/keyValue/KeyValue.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Icon, ICON, KeyValue, Section } from "../../../../index.js";
+import { Icon, ICON, KeyValue, Section } from "../../../../index";
 
 interface Props {}
 

package/src/demo/components/ui/pop/Pop.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useState } from "react";
 
 import { SunOne } from "@icon-park/react";
 
-import { Pop, Header, StickyHeader, HeaderIconAction, ICON, Section, Icon } from "../../../../index.js";
+import { Pop, Header, StickyHeader, HeaderIconAction, ICON, Section, Icon } from "../../../../index";
 
 interface Props {}
 

package/src/demo/components/ui/stats/Stats.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Stats, Header, StickyHeader } from "../../../../index.js";
+import { Stats, Header, StickyHeader } from "../../../../index";
 
 import styles from "./Stats.module.scss";
 

package/src/demo/components/ui/tabs/Tabs.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 
-import { Header, Selector } from "../../../../index.js";
+import { Header, Selector } from "../../../../index";
 
 interface Props {}
 

package/src/demo/components/ui/toaster/Toaster.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from "react";
 
-import { useToaster, Button, Input } from "../../../../index.js";
+import { useToaster, Button, Input } from "../../../../index";
 
 interface Props {}
 

package/src/demo/componentsMap.ts

@@ -1,7 +1,7 @@
 /* eslint-disable max-lines, import/max-dependencies */
 import type { AnyComponent } from "../types";
 
-import { CheckboxDemo } from "./components/form/Checkbox.js";
+import { CheckboxDemo } from "./components/form/Checkbox";
 import {
     CenteredHeaderDemo,
     HeaderDemo,
@@ -14,8 +14,8 @@ import {
     StickyHeaderDemo, StickyHeaderLeftCenterDemo, StickyHeaderLeftDemo, StickyHeaderRightDemo,
     StickyHeaderTopBottomDemo,
 } from "./components/layout/header/StickyHeader.js";
-import { DirectionPadDemo } from "./components/ui/directionPad/Pad.js";
-import { IconsDemo } from "./components/ui/icons/Icons.js";
+import { DirectionPadDemo } from "./components/ui/directionPad/Pad";
+import { IconsDemo } from "./components/ui/icons/Icons";
 import {
     ActionDemo,
     ActionLabelsOnBottom,
@@ -23,19 +23,19 @@ import {
     ActionsOnBottom,
     ActionsOnLeft,
 } from "./components/ui/action/Action.js";
-import { ToggleDemo } from "./components/form/Toggle.js";
-import { CardDemo } from "./components/layout/card/Card.js";
-import { FormDemo } from "./components/form/Form.js";
-import { SearchDemo } from "./components/form/Search.js";
-import { LabelDemo } from "./components/form/Label.js";
-import { ToasterDemo } from "./components/ui/toaster/Toaster.js";
-import { TabsDemo } from "./components/ui/tabs/Tabs.js";
-import { ChoiceDemo, ChoiceDemo2 } from "./components/form/Choice.js";
-import { PopDemo } from "./components/ui/pop/Pop.js";
-import { DrawerDemo } from "./components/ui/drawer/Drawer.js";
-import { StatsDarkDemo, StatsDemo } from "./components/ui/stats/Stats.js";
-import { TableDemo } from "./components/layout/table/TableDemo.js";
-import { KeyValueDemo } from "./components/ui/keyValue/KeyValue.js";
+import { ToggleDemo } from "./components/form/Toggle";
+import { CardDemo } from "./components/layout/card/Card";
+import { FormDemo } from "./components/form/Form";
+import { SearchDemo } from "./components/form/Search";
+import { LabelDemo } from "./components/form/Label";
+import { ToasterDemo } from "./components/ui/toaster/Toaster";
+import { TabsDemo } from "./components/ui/tabs/Tabs";
+import { ChoiceDemo, ChoiceDemo2 } from "./components/form/Choice";
+import { PopDemo } from "./components/ui/pop/Pop";
+import { DrawerDemo } from "./components/ui/drawer/Drawer";
+import { StatsDarkDemo, StatsDemo } from "./components/ui/stats/Stats";
+import { TableDemo } from "./components/layout/table/TableDemo";
+import { KeyValueDemo } from "./components/ui/keyValue/KeyValue";
 
 interface TheMap {
     // eslint-disable-next-line @typescript-eslint/no-use-before-define

package/src/index.ts

@@ -1,52 +1,52 @@
 /* eslint-disable import/max-dependencies */
-export * from "./components/form/choice/Choice.js";
-export * from "./components/form/Checkbox.js";
-export * from "./components/form/Label.js";
-export * from "./components/form/Select.js";
-export * from "./components/form/textarea/TextArea.js";
-export * from "./components/form/Toggle.js";
-
-export * from "./components/form/index.js";
-
-export * from "./components/icons/Icon.js";
-
-export * from "./components/layout/card/Card.js";
-export * from "./components/layout/header/Header.js";
-export * from "./components/layout/header/HeaderIconAction.js";
-export * from "./components/layout/header/StickyHeader.js";
-export * from "./components/layout/list/List.js";
-export * from "./components/layout/section/SearchContainer.js";
-export * from "./components/layout/section/Section.js";
-export * from "./components/layout/table/Table.js";
-
-export * from "./components/ui/action/Action.js";
-export * from "./components/ui/action/EqualActions.js";
-export * from "./components/ui/button/Button.js";
-export * from "./components/ui/directionPad/Pad.js";
-export * from "./components/ui/drawer/Drawer.js";
-export * from "./components/ui/keyValue/KeyValue.js";
-export * from "./components/ui/loader/CoveringLoader.js";
-export * from "./components/ui/loader/FullLoader.js";
-export * from "./components/ui/loader/Loader.js";
-export * from "./components/ui/loader/Loading.js";
-export * from "./components/ui/loader/PopLoader.js";
-export * from "./components/ui/message/Message.js";
-export * from "./components/ui/modal/Modal.js";
-export * from "./components/ui/modal/ModalButtons.js";
-export * from "./components/ui/pop/Pop.js";
-export * from "./components/ui/pop/PopOption.js";
-export * from "./components/ui/stats/Stats.js";
-
-export * from "./components/ui/tabs/Selector.js";
-export * from "./components/ui/toaster/Toaster.js";
-
-export * from "./components/utils/HandleEsc.js";
-export * from "./components/utils/If.js";
-export * from "./components/utils/Spacer.js";
-
-export * from "./scrollbars.css.js";
-
-export type { ThemeCSS } from "./theme.js";
-
-export { getCssText, styled } from "./theme.js";
-export { cssReset } from "./theme.css-reset.js";
+export * from "./components/form/choice/Choice";
+export * from "./components/form/Checkbox";
+export * from "./components/form/Label";
+export * from "./components/form/Select";
+export * from "./components/form/textarea/TextArea";
+export * from "./components/form/Toggle";
+
+export * from "./components/form/index";
+
+export * from "./components/icons/Icon";
+
+export * from "./components/layout/card/Card";
+export * from "./components/layout/header/Header";
+export * from "./components/layout/header/HeaderIconAction";
+export * from "./components/layout/header/StickyHeader";
+export * from "./components/layout/list/List";
+export * from "./components/layout/section/SearchContainer";
+export * from "./components/layout/section/Section";
+export * from "./components/layout/table/Table";
+
+export * from "./components/ui/action/Action";
+export * from "./components/ui/action/EqualActions";
+export * from "./components/ui/button/Button";
+export * from "./components/ui/directionPad/Pad";
+export * from "./components/ui/drawer/Drawer";
+export * from "./components/ui/keyValue/KeyValue";
+export * from "./components/ui/loader/CoveringLoader";
+export * from "./components/ui/loader/FullLoader";
+export * from "./components/ui/loader/Loader";
+export * from "./components/ui/loader/Loading";
+export * from "./components/ui/loader/PopLoader";
+export * from "./components/ui/message/Message";
+export * from "./components/ui/modal/Modal";
+export * from "./components/ui/modal/ModalButtons";
+export * from "./components/ui/pop/Pop";
+export * from "./components/ui/pop/PopOption";
+export * from "./components/ui/stats/Stats";
+
+export * from "./components/ui/tabs/Selector";
+export * from "./components/ui/toaster/Toaster";
+
+export * from "./components/utils/HandleEsc";
+export * from "./components/utils/If";
+export * from "./components/utils/Spacer";
+
+export * from "./scrollbars.css";
+
+export type { ThemeCSS } from "./theme";
+
+export { getCssText, styled } from "./theme";
+export { cssReset } from "./theme.css-reset";

package/src/pages/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Demo } from "../demo/Demo.js";
+import { Demo } from "../demo/Demo";
 
 const IndexComp = () => (
     <Demo />

package/src/scrollbars.css.ts

@@ -1,6 +1,6 @@
 import type { ThemeCSS } from "./theme";
 
-import { pxToRem } from "./theme.js";
+import { pxToRem } from "./theme";
 
 const thumbStyle = {
     background: "var(--scrollbars-thumb)",

package/src/utils/index.ts

@@ -1,3 +1,3 @@
-export * from "./makeVariants.js";
-export * from "./toObjectValue.js";
-export * from "./useKeyPress.js";
+export * from "./makeVariants";
+export * from "./toObjectValue";
+export * from "./useKeyPress";