@rnaga/wp-next-ui 1.0.11 → 1.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/Accordion.d.ts.map +1 -1
  2. package/Accordion.js +3 -0
  3. package/DraggableBox.d.ts.map +1 -1
  4. package/DraggableBox.js +3 -1
  5. package/InputMultiple.d.ts.map +1 -1
  6. package/InputMultiple.js +6 -0
  7. package/ListBase.js +1 -1
  8. package/Modal.d.ts +3 -1
  9. package/Modal.d.ts.map +1 -1
  10. package/Modal.js +9 -4
  11. package/ModalConfirm.d.ts.map +1 -1
  12. package/ModalConfirm.js +0 -2
  13. package/Textarea.d.ts +8 -0
  14. package/Textarea.d.ts.map +1 -0
  15. package/Textarea.js +30 -0
  16. package/package.json +1 -1
package/Accordion.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,YAAY,EACzB,gBAAgB,IAAI,mBAAmB,EACxC,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,SAAS,GAAI,OAAO,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,4CAgBlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,4CAOjD,CAAC"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,YAAY,EACzB,gBAAgB,IAAI,mBAAmB,EACxC,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,SAAS,GAAI,OAAO,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,4CAmBlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,4CAOjD,CAAC"}
package/Accordion.js CHANGED
@@ -5,6 +5,9 @@ export const Accordion = (props) => {
5
5
  return (_jsx(MuiAccordion, { disableGutters: true, elevation: 0, square: true, sx: {
6
6
  backgroundColor: "transparent",
7
7
  my: 0,
8
+ "& .MuiAccordionDetails-root": {
9
+ px: 0.5,
10
+ },
8
11
  ...props.sx,
9
12
  }, ...props, children: props.children }));
10
13
  };
package/DraggableBox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DraggableBox.d.ts","sourceRoot":"","sources":["../src/DraggableBox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,EAAmB,OAAO,EAAE,MAAM,eAAe,CAAC;AAOzD,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACpC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CACnE,4CA4cA,CAAC"}
1
+ {"version":3,"file":"DraggableBox.d.ts","sourceRoot":"","sources":["../src/DraggableBox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,EAAmB,OAAO,EAAE,MAAM,eAAe,CAAC;AAOzD,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACpC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CACnE,4CA8cA,CAAC"}
package/DraggableBox.js CHANGED
@@ -264,9 +264,11 @@ export const DraggableBox = (props) => {
264
264
  display: "flex",
265
265
  alignItems: "center",
266
266
  justifyContent: "space-between",
267
+ backgroundColor: "#dedede",
268
+ mb: 1,
267
269
  ...slotSxProps?.header,
268
270
  }, onMouseDown: handleMouseDown, children: [_jsx(Typography, { size: size, sx: {
269
- p: 0.5,
271
+ p: 1,
270
272
  flexGrow: 1,
271
273
  ...slotSxProps?.title,
272
274
  }, bold: true, children: title }), _jsx(IconButton, { size: "small", onClick: (e) => {
package/InputMultiple.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InputMultiple.d.ts","sourceRoot":"","sources":["../src/InputMultiple.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAgC,MAAM,OAAO,CAAC;AAMrE,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAEvC,eAAO,MAAM,aAAa,GAAI,OAAO;IACnC,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CACR,MAAM,EAAE,iBAAiB,EAAE,EAC3B,CAAC,EAAE,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAC9B,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,4CAiGA,CAAC"}
1
+ {"version":3,"file":"InputMultiple.d.ts","sourceRoot":"","sources":["../src/InputMultiple.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAgC,MAAM,OAAO,CAAC;AAMrE,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAEvC,eAAO,MAAM,aAAa,GAAI,OAAO;IACnC,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CACR,MAAM,EAAE,iBAAiB,EAAE,EAC3B,CAAC,EAAE,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAC9B,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,4CAuGA,CAAC"}
package/InputMultiple.js CHANGED
@@ -44,6 +44,12 @@ export const InputMultiple = (props) => {
44
44
  sx: {
45
45
  zIndex: 9999,
46
46
  minHeight: size == "medium" ? 32 : 24,
47
+ "& .MuiInputBase-input": {
48
+ cursor: "text",
49
+ },
50
+ "& .MuiAutocomplete-input": {
51
+ cursor: "text",
52
+ },
47
53
  ...slotSxProps?.input,
48
54
  },
49
55
  ...sx,
package/ListBase.js CHANGED
@@ -96,7 +96,7 @@ export const ListBase = (props) => {
96
96
  onClick: onClick || itemEventHandlers?.onClick,
97
97
  onMouseDown: onMouseDown || itemEventHandlers?.onMouseDown,
98
98
  };
99
- return (_jsx(ListContext.Provider, { value: {
99
+ return (_jsx(ListContext, { value: {
100
100
  items: listItems,
101
101
  displayType,
102
102
  renderItem: renderItem,
package/Modal.d.ts CHANGED
@@ -6,6 +6,8 @@ export declare const Modal: (props: ModalParameters) => import("react/jsx-runtim
6
6
  export declare const ModalContent: (props: {
7
7
  sx?: SxProps;
8
8
  children: React.ReactNode;
9
- } & Omit<Parameters<typeof Box>[0], "children" | "sx">) => import("react/jsx-runtime").JSX.Element;
9
+ hideCloseButton?: boolean;
10
+ loading?: boolean;
11
+ } & Omit<Parameters<typeof Box>[0], "children" | "sx" | "hideCloseButton" | "loading">) => import("react/jsx-runtime").JSX.Element;
10
12
  export {};
11
13
  //# sourceMappingURL=Modal.d.ts.map
package/Modal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,GAAG,EAEH,KAAK,IAAI,QAAQ,EACjB,OAAO,EAER,MAAM,eAAe,CAAC;AAIvB,KAAK,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IACvE,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAQF,eAAO,MAAM,KAAK,GAAI,OAAO,eAAe,4CAkB3C,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO;IACL,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,4CAkEvD,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,GAAG,EAGH,KAAK,IAAI,QAAQ,EACjB,OAAO,EAER,MAAM,eAAe,CAAC;AAIvB,KAAK,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IACvE,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAQF,eAAO,MAAM,KAAK,GAAI,OAAO,eAAe,4CAkB3C,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO;IACL,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CACN,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,EACzB,UAAU,GAAG,IAAI,GAAG,iBAAiB,GAAG,SAAS,CAClD,4CAiFF,CAAC"}
package/Modal.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { createContext, useContext, useEffect, useState } from "react";
3
3
  import { Close } from "@mui/icons-material";
4
- import { Box, IconButton, Modal as MuiModal, } from "@mui/material";
4
+ import { Box, CircularProgress, IconButton, Modal as MuiModal, } from "@mui/material";
5
5
  import { useWPTheme } from "./ThemeRegistry";
6
6
  import { useWP } from "@rnaga/wp-next-core/client/wp";
7
7
  const Context = createContext({});
@@ -18,7 +18,7 @@ export const Modal = (props) => {
18
18
  return (_jsx(MuiModal, { open: open, onClose: handleClose, ...rest, children: _jsx(Context, { value: { open, setOpen, onClose }, children: children }) }));
19
19
  };
20
20
  export const ModalContent = (props) => {
21
- const { sx, ...rest } = props;
21
+ const { sx, hideCloseButton, loading, ...rest } = props;
22
22
  const { setOpen, onClose } = useContext(Context);
23
23
  const [isFullscreen, setIsFullscreen] = useState(false);
24
24
  const { wpTheme } = useWPTheme();
@@ -48,7 +48,7 @@ export const ModalContent = (props) => {
48
48
  ...sx,
49
49
  }, ...rest, children: _jsxs(Box, { sx: {
50
50
  position: "relative",
51
- }, children: [_jsx(IconButton, { size: "small", onClick: (e) => {
51
+ }, children: [!hideCloseButton && (_jsx(IconButton, { size: "small", onClick: (e) => {
52
52
  setOpen(false);
53
53
  onClose();
54
54
  }, sx: {
@@ -61,5 +61,10 @@ export const ModalContent = (props) => {
61
61
  ":hover": {
62
62
  bgcolor: wpTheme.background.hoverColor,
63
63
  },
64
- }, children: _jsx(Close, { fontSize: "small" }) }), props.children] }) }));
64
+ }, children: _jsx(Close, { fontSize: "small" }) })), loading ? (_jsx(Box, { sx: {
65
+ display: "flex",
66
+ justifyContent: "center",
67
+ alignItems: "center",
68
+ minHeight: 200,
69
+ }, children: _jsx(CircularProgress, {}) })) : (props.children)] }) }));
65
70
  };
package/ModalConfirm.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ModalConfirm.d.ts","sourceRoot":"","sources":["../src/ModalConfirm.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,4CA0GA,CAAC"}
1
+ {"version":3,"file":"ModalConfirm.d.ts","sourceRoot":"","sources":["../src/ModalConfirm.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,4CAwGA,CAAC"}
package/ModalConfirm.js CHANGED
@@ -11,13 +11,11 @@ export const ModalConfirm = (props) => {
11
11
  const { viewport } = useWP();
12
12
  const [open, setOpen] = useState(props.open);
13
13
  useEffect(() => {
14
- console.log("changing open state to", props.open);
15
14
  if (props.open !== open) {
16
15
  setOpen(props.open);
17
16
  }
18
17
  }, [props.open]);
19
18
  return (_jsx(Modal, { open: open, onClose: () => {
20
- console.log("ConfirmModal onClose called, but no action taken");
21
19
  setOpen(false);
22
20
  onClose?.();
23
21
  }, children: _jsxs(ModalContent, { "aria-labelledby": "nested-modal-title", "aria-describedby": "nested-modal-description", sx: {
package/Textarea.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { TextareaAutosize } from "@mui/material";
2
+ export declare const Textarea: (props: {
3
+ value: string;
4
+ onChange?: (value: string) => void;
5
+ onBlur?: (value: string) => void;
6
+ style?: React.CSSProperties;
7
+ } & Omit<Parameters<typeof TextareaAutosize>[0], "onChange" | "value" | "onBlur">) => import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=Textarea.d.ts.map
package/Textarea.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAY,MAAM,eAAe,CAAC;AAE3D,eAAO,MAAM,QAAQ,GACnB,OAAO;IACL,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,IAAI,CACN,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,EACtC,UAAU,GAAG,OAAO,GAAG,QAAQ,CAChC,4CA0CF,CAAC"}
package/Textarea.js ADDED
@@ -0,0 +1,30 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { TextareaAutosize, useTheme } from "@mui/material";
3
+ export const Textarea = (props) => {
4
+ const { value, onChange, onBlur, style, ...rest } = props;
5
+ const theme = useTheme();
6
+ const styleBorder = `1px solid ${theme.palette.grey[400]}`;
7
+ const styleBorderFocus = `1px solid ${theme.palette.primary.main}`;
8
+ const handleChange = (value) => {
9
+ onChange && onChange(value);
10
+ };
11
+ const handleBlur = (value) => {
12
+ onBlur && onBlur(value);
13
+ };
14
+ return (_jsx(TextareaAutosize, { minRows: 3, style: {
15
+ border: styleBorder,
16
+ borderRadius: 4,
17
+ outline: "none",
18
+ width: "100%",
19
+ maxWidth: "100%",
20
+ ...style,
21
+ }, value: value, onFocus: (e) => {
22
+ e.target.style.border = styleBorderFocus;
23
+ }, onBlur: (e) => {
24
+ e.target.style.border = styleBorder;
25
+ handleBlur(value);
26
+ }, onChange: (e) => {
27
+ const value = e.target.value;
28
+ handleChange(value);
29
+ }, ...rest }));
30
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rnaga/wp-next-ui",
3
- "version": "1.0.11",
3
+ "version": "1.0.12",
4
4
  "scripts": {
5
5
  "build": "node ../../scripts/build-ui.mjs",
6
6
  "release-old": "node ../../scripts/release.mjs",