🔖 Prepare for 0.13.0a2 release

CHANGELOG.md

@@ -1,5 +1,18 @@
 # Change Log
 
+# 0.13.0a2
+
+### Added
+
+* New component:
+  * InputWrapper
+
+### Fixed
+
+* Missing input props from TimeInput 
+* Pass empty list as default prop for Select and MultiSelect 
+* Remove left over MantineProvider from Switch testing
+
 # 0.13.0a1
 
 This release is based on Mantine v6.

package.json

@@ -1,6 +1,6 @@
 {
     "name": "dash_mantine_components",
-    "version": "0.13.0a1",
+    "version": "0.13.0a2",
     "description": "Plotly Dash Components based on Mantine",
     "main": "index.ts",
     "repository": {

src/ts/components/core/InputWrapper.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { Input } from "@mantine/core";
+import { DashBaseProps } from "props/dash";
+import {
+    MantineStyleSystemProps,
+    InputWrapperBaseProps,
+    MantineStylesAPIProps,
+} from "props/mantine";
+
+export type Props = {
+    /** children */
+    children?: React.ReactNode;
+} & InputWrapperBaseProps &
+    MantineStyleSystemProps &
+    MantineStylesAPIProps &
+    DashBaseProps;
+
+/** Base component to create custom inputs */
+const InputWrapper = (props: Props) => {
+    const { setProps, children, ...other } = props;
+
+    return <Input.Wrapper {...other}> {children} </Input.Wrapper>;
+};
+
+InputWrapper.defaultProps = {};
+
+export default InputWrapper;

src/ts/components/core/Switch.tsx

@@ -51,12 +51,10 @@ const Switch = (props: Props) => {
     };
 
     return (
-        <MantineProvider withNormalizeCSS withGlobalStyles>
-            <MantineSwitch
-                onChange={(ev) => updateProps(ev.currentTarget.checked)}
-                {...other}
-            />
-        </MantineProvider>
+        <MantineSwitch
+            onChange={(ev) => updateProps(ev.currentTarget.checked)}
+            {...other}
+        />
     );
 };
 

src/ts/components/core/select/MultiSelect.tsx

@@ -98,6 +98,7 @@ const MultiSelect = (props: Props) => {
 MultiSelect.defaultProps = {
     persisted_props: ["value"],
     persistence_type: "local",
+    data: [],
 };
 
 export default MultiSelect;

src/ts/components/core/select/Select.tsx

@@ -94,6 +94,7 @@ const Select = (props: Props) => {
 Select.defaultProps = {
     persisted_props: ["value"],
     persistence_type: "local",
+    data: [],
 };
 
 export default Select;

src/ts/components/dates/TimeInput.tsx

@@ -6,6 +6,7 @@ import {
     MantineStyleSystemProps,
     MantineStylesAPIProps,
     TextInputProps,
+    InputComponentProps,
 } from "props/mantine";
 
 type Props = {
@@ -18,6 +19,7 @@ type Props = {
     /** Debounce time in ms */
     debounce?: number;
 } & TextInputProps &
+    InputComponentProps &
     PersistenceProps &
     DashBaseProps &
     MantineStylesAPIProps &

src/ts/index.ts

@@ -50,6 +50,7 @@ import HoverCardDropdown from "./components/core/hovercard/HoverCardDropdown";
 import HoverCardTarget from "./components/core/hovercard/HoverCardTarget";
 import Image from "./components/core/image/Image";
 import Indicator from "./components/core/Indicator";
+import InputWrapper from "./components/core/InputWrapper";
 import JsonInput from "./components/core/textinput/JsonInput";
 import Kbd from "./components/core/Kbd";
 import List from "./components/core/list/List";
@@ -169,6 +170,7 @@ export {
     HoverCardTarget,
     Image,
     Indicator,
+    InputWrapper,
     JsonInput,
     Kbd,
     List,

src/ts/props/dates.ts

@@ -115,7 +115,7 @@ export type CalendarHeaderSettings = {
     withPrevious?: boolean;
     /** Component size */
     size?: MantineSize;
-}
+};
 
 type DecadeLevelSettings = DecadeLevelBaseSettings & CalendarHeaderSettings;
 type YearLevelSettings = YearLevelBaseSettings & CalendarHeaderSettings;