@plasmicpkgs/antd5 0.0.136 → 0.0.139
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.
- package/dist/.tsbuildinfo +1 -1
- package/dist/antd.esm.js +7145 -6821
- package/dist/antd.esm.js.map +1 -1
- package/dist/index.d.ts +1 -3
- package/dist/index.js +7144 -6820
- package/dist/index.js.map +1 -1
- package/dist/react-utils.d.ts +2 -1
- package/dist/registerConfigProvider.d.ts +7 -1
- package/dist/registerForm.d.ts +2 -2
- package/dist/registerSegmented.d.ts +20 -0
- package/dist/registerTabs.d.ts +2 -6
- package/package.json +6 -6
- package/skinny/react-utils-11b0221a.cjs.js +121 -0
- package/skinny/react-utils-11b0221a.cjs.js.map +1 -0
- package/skinny/react-utils-79d444f6.esm.js +112 -0
- package/skinny/react-utils-79d444f6.esm.js.map +1 -0
- package/skinny/react-utils.d.ts +2 -1
- package/skinny/registerCollapse.cjs.js +4 -4
- package/skinny/registerCollapse.cjs.js.map +1 -1
- package/skinny/registerCollapse.esm.js +3 -3
- package/skinny/registerCollapse.esm.js.map +1 -1
- package/skinny/registerConfigProvider.cjs.js +44 -13
- package/skinny/registerConfigProvider.cjs.js.map +1 -1
- package/skinny/registerConfigProvider.d.ts +7 -1
- package/skinny/registerConfigProvider.esm.js +45 -14
- package/skinny/registerConfigProvider.esm.js.map +1 -1
- package/skinny/registerForm.cjs.js +10 -7
- package/skinny/registerForm.cjs.js.map +1 -1
- package/skinny/registerForm.d.ts +2 -2
- package/skinny/registerForm.esm.js +8 -5
- package/skinny/registerForm.esm.js.map +1 -1
- package/skinny/registerSegmented.cjs.js +314 -0
- package/skinny/registerSegmented.cjs.js.map +1 -0
- package/skinny/registerSegmented.d.ts +20 -0
- package/skinny/registerSegmented.esm.js +304 -0
- package/skinny/registerSegmented.esm.js.map +1 -0
- package/skinny/registerSelect.cjs.js +372 -11
- package/skinny/registerSelect.cjs.js.map +1 -1
- package/skinny/registerSelect.esm.js +365 -4
- package/skinny/registerSelect.esm.js.map +1 -1
- package/skinny/registerTabs.cjs.js +21 -36
- package/skinny/registerTabs.cjs.js.map +1 -1
- package/skinny/registerTabs.d.ts +2 -6
- package/skinny/registerTabs.esm.js +21 -36
- package/skinny/registerTabs.esm.js.map +1 -1
package/dist/react-utils.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export declare const isBrowser: boolean;
|
|
3
3
|
export declare const NONE: unique symbol;
|
|
4
|
-
export declare const useIsomorphicLayoutEffect: typeof React.
|
|
4
|
+
export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
|
|
5
5
|
export declare function createElementWithChildren(elementType: any, props: any, children: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
6
6
|
export declare function ensureNotArray(children: React.ReactNode): any;
|
|
7
7
|
/**
|
|
@@ -20,3 +20,4 @@ export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): (va
|
|
|
20
20
|
export declare function mergePropVals(name: string, val1: any, val2: any): any;
|
|
21
21
|
export declare function getElementTypeName(element: React.ReactElement): any;
|
|
22
22
|
export declare function reactNodeToString(reactNode: React.ReactNode): string;
|
|
23
|
+
export declare function useIsMounted(): () => boolean;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import type { ConfigProviderProps } from "antd/es/config-provider";
|
|
2
|
+
import type { Locale } from "antd/lib/locale";
|
|
1
3
|
import React from "react";
|
|
2
4
|
import { Registerable } from "./utils";
|
|
3
|
-
import type { ConfigProviderProps } from "antd/es/config-provider";
|
|
4
5
|
export interface ThemeOpts {
|
|
5
6
|
fontFamily?: string;
|
|
6
7
|
fontSize?: number;
|
|
@@ -17,6 +18,11 @@ export interface ThemeOpts {
|
|
|
17
18
|
sizeStep?: number;
|
|
18
19
|
wireframe?: boolean;
|
|
19
20
|
defaultDark?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* `locale` is a prop that can be set by code, but is not registered,
|
|
23
|
+
* i.e. exposed to Plasmic studio.
|
|
24
|
+
*/
|
|
25
|
+
locale?: Locale;
|
|
20
26
|
}
|
|
21
27
|
export declare function themeToAntdConfig(opts: ThemeOpts): ConfigProviderProps;
|
|
22
28
|
export declare function AntdConfigProvider(props: Omit<ThemeOpts, "fontFamily" | "fontSize" | "lineWidth"> & {
|
package/dist/registerForm.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
+
import { DataOp, TableSchema } from "@plasmicapp/data-sources";
|
|
1
2
|
import { CodeComponentMode, ComponentHelpers } from "@plasmicapp/host";
|
|
3
|
+
import { CanvasComponentProps } from "@plasmicapp/host/registerComponent";
|
|
2
4
|
import { Form } from "antd";
|
|
3
5
|
import type { FormInstance, FormProps } from "antd/es/form";
|
|
4
6
|
import type { FormItemProps } from "antd/es/form/FormItem";
|
|
5
7
|
import type { FormListOperation, FormListProps } from "antd/es/form/FormList";
|
|
6
8
|
import React from "react";
|
|
7
9
|
import { Registerable } from "./utils";
|
|
8
|
-
import { CanvasComponentProps } from "@plasmicapp/host/registerComponent";
|
|
9
|
-
import { TableSchema, DataOp } from "@plasmicapp/data-sources";
|
|
10
10
|
export interface InternalFormItemProps extends Omit<FormItemProps, "rules"> {
|
|
11
11
|
rules?: PlasmicRule[];
|
|
12
12
|
noLabel?: boolean;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Segmented } from "antd";
|
|
2
|
+
import React, { ReactElement } from "react";
|
|
3
|
+
import { Registerable } from "./utils";
|
|
4
|
+
export type AntdSegmentedOptionProps = {
|
|
5
|
+
value: string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
export type AntdSegmentedProps = Omit<React.ComponentProps<typeof Segmented>, "options"> & {
|
|
9
|
+
options?: {
|
|
10
|
+
label: string;
|
|
11
|
+
value: string;
|
|
12
|
+
}[];
|
|
13
|
+
optionsSlot?: ReactElement;
|
|
14
|
+
useSlotOptions: boolean;
|
|
15
|
+
};
|
|
16
|
+
export declare function AntdSegmented(props: AntdSegmentedProps): React.JSX.Element;
|
|
17
|
+
export declare function AntdSegmentedOption(props: AntdSegmentedOptionProps): React.JSX.Element;
|
|
18
|
+
export declare const segmentedComponentName = "plasmic-antd5-segmented";
|
|
19
|
+
export declare const segmentedOptionComponentName = "plasmic-antd5-segmented-option";
|
|
20
|
+
export declare function registerSegmented(loader?: Registerable): void;
|
package/dist/registerTabs.d.ts
CHANGED
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import { Tabs } from "antd";
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { ReactElement } from "react";
|
|
3
3
|
import { Registerable } from "./utils";
|
|
4
4
|
export declare const tabsComponentName = "plasmic-antd5-tabs";
|
|
5
5
|
export declare const tabItemComponentName = "plasmic-antd5-tab-item";
|
|
6
6
|
type TabItemType = NonNullable<React.ComponentProps<typeof Tabs>["items"]>[number];
|
|
7
7
|
export declare const AntdTabItem: React.FC<TabItemType>;
|
|
8
8
|
type TabsProps = Omit<React.ComponentProps<typeof Tabs>, "items" | "animated" | "tabBarExtraContent" | "renderTabBar"> & {
|
|
9
|
-
items:
|
|
10
|
-
props: {
|
|
11
|
-
children: React.ReactElement<TabItemType>[];
|
|
12
|
-
};
|
|
13
|
-
} | React.ReactElement<TabItemType>;
|
|
9
|
+
items: ReactElement;
|
|
14
10
|
animated: boolean;
|
|
15
11
|
animateTabBar: boolean;
|
|
16
12
|
animateTabContent: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/antd5",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.139",
|
|
4
4
|
"description": "Plasmic registration calls for antd components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -62,10 +62,10 @@
|
|
|
62
62
|
"@babel/preset-env": "^7.22.15",
|
|
63
63
|
"@babel/preset-react": "^7.22.15",
|
|
64
64
|
"@babel/preset-typescript": "^7.22.15",
|
|
65
|
-
"@plasmicapp/data-sources": "0.1.
|
|
66
|
-
"@plasmicapp/host": "1.0.
|
|
67
|
-
"@plasmicapp/query": "0.1.
|
|
68
|
-
"@plasmicapp/react-web": "0.2.
|
|
65
|
+
"@plasmicapp/data-sources": "0.1.120",
|
|
66
|
+
"@plasmicapp/host": "1.0.168",
|
|
67
|
+
"@plasmicapp/query": "0.1.70",
|
|
68
|
+
"@plasmicapp/react-web": "0.2.264",
|
|
69
69
|
"@storybook/addon-actions": "^7.4.0",
|
|
70
70
|
"@storybook/addon-essentials": "^7.4.0",
|
|
71
71
|
"@storybook/addon-info": "^5.3.21",
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
"publishConfig": {
|
|
100
100
|
"access": "public"
|
|
101
101
|
},
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "ed9053ca054f0345d29664c855003fc063aef81c"
|
|
103
103
|
}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var classNames = require('classnames');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var classNames__default = /*#__PURE__*/_interopDefault(classNames);
|
|
9
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
10
|
+
|
|
11
|
+
var __defProp = Object.defineProperty;
|
|
12
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
13
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
14
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
15
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
16
|
+
var __spreadValues = (a, b) => {
|
|
17
|
+
for (var prop in b || (b = {}))
|
|
18
|
+
if (__hasOwnProp.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
if (__getOwnPropSymbols)
|
|
21
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
22
|
+
if (__propIsEnum.call(b, prop))
|
|
23
|
+
__defNormalProp(a, prop, b[prop]);
|
|
24
|
+
}
|
|
25
|
+
return a;
|
|
26
|
+
};
|
|
27
|
+
const isBrowser = typeof window !== "undefined";
|
|
28
|
+
const NONE = Symbol("NONE");
|
|
29
|
+
isBrowser ? React__default.default.useLayoutEffect : React__default.default.useEffect;
|
|
30
|
+
function mergeProps(props, ...restProps) {
|
|
31
|
+
if (restProps.every((rest) => Object.keys(rest).length === 0)) {
|
|
32
|
+
return props;
|
|
33
|
+
}
|
|
34
|
+
const result = __spreadValues({}, props);
|
|
35
|
+
for (const rest of restProps) {
|
|
36
|
+
for (const key of Object.keys(rest)) {
|
|
37
|
+
result[key] = mergePropVals(key, result[key], rest[key]);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
return result;
|
|
41
|
+
}
|
|
42
|
+
function updateRef(ref, value) {
|
|
43
|
+
if (!ref) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
if (typeof ref === "function") {
|
|
47
|
+
ref(value);
|
|
48
|
+
} else {
|
|
49
|
+
if (!Object.isFrozen(ref)) {
|
|
50
|
+
ref.current = value;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
function mergeRefs(...refs) {
|
|
55
|
+
return (value) => {
|
|
56
|
+
for (const ref of refs) {
|
|
57
|
+
updateRef(ref, value);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
function mergePropVals(name, val1, val2) {
|
|
62
|
+
if (val1 === NONE || val2 === NONE) {
|
|
63
|
+
return null;
|
|
64
|
+
} else if (val1 == null) {
|
|
65
|
+
return val2;
|
|
66
|
+
} else if (val2 == null) {
|
|
67
|
+
return val1;
|
|
68
|
+
} else if (name === "className") {
|
|
69
|
+
return classNames__default.default(val1, val2);
|
|
70
|
+
} else if (name === "style") {
|
|
71
|
+
return __spreadValues(__spreadValues({}, val1), val2);
|
|
72
|
+
} else if (name === "ref") {
|
|
73
|
+
return mergeRefs(val1, val2);
|
|
74
|
+
} else if (typeof val1 !== typeof val2) {
|
|
75
|
+
return val2;
|
|
76
|
+
} else if (name.startsWith("on") && typeof val1 === "function") {
|
|
77
|
+
return (...args) => {
|
|
78
|
+
let res;
|
|
79
|
+
if (typeof val1 === "function") {
|
|
80
|
+
res = val1(...args);
|
|
81
|
+
}
|
|
82
|
+
if (typeof val2 === "function") {
|
|
83
|
+
res = val2(...args);
|
|
84
|
+
}
|
|
85
|
+
return res;
|
|
86
|
+
};
|
|
87
|
+
} else {
|
|
88
|
+
return val2;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
function reactNodeToString(reactNode) {
|
|
92
|
+
let string = "";
|
|
93
|
+
if (typeof reactNode === "string") {
|
|
94
|
+
string = reactNode;
|
|
95
|
+
} else if (typeof reactNode === "number") {
|
|
96
|
+
string = reactNode.toString();
|
|
97
|
+
} else if (reactNode instanceof Array) {
|
|
98
|
+
reactNode.forEach(function(child) {
|
|
99
|
+
string += reactNodeToString(child);
|
|
100
|
+
});
|
|
101
|
+
} else if (React.isValidElement(reactNode)) {
|
|
102
|
+
string += reactNodeToString(reactNode.props.children);
|
|
103
|
+
}
|
|
104
|
+
return string;
|
|
105
|
+
}
|
|
106
|
+
function useIsMounted() {
|
|
107
|
+
const ref = React__default.default.useRef(false);
|
|
108
|
+
const isMounted = React__default.default.useCallback(() => ref.current, []);
|
|
109
|
+
React__default.default.useEffect(() => {
|
|
110
|
+
ref.current = true;
|
|
111
|
+
return () => {
|
|
112
|
+
ref.current = false;
|
|
113
|
+
};
|
|
114
|
+
}, []);
|
|
115
|
+
return isMounted;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
exports.mergeProps = mergeProps;
|
|
119
|
+
exports.reactNodeToString = reactNodeToString;
|
|
120
|
+
exports.useIsMounted = useIsMounted;
|
|
121
|
+
//# sourceMappingURL=react-utils-11b0221a.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react-utils-11b0221a.cjs.js","sources":["../src/react-utils.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { isValidElement } from \"react\";\n\nexport const isBrowser = typeof window !== \"undefined\";\nexport const NONE = Symbol(\"NONE\");\n\nexport const useIsomorphicLayoutEffect = isBrowser\n ? React.useLayoutEffect\n : React.useEffect;\n\nexport function createElementWithChildren(\n elementType: any,\n props: any,\n children: React.ReactNode\n) {\n if (Array.isArray(children)) {\n return React.createElement(\n elementType,\n props,\n ...children\n ) as React.ReactElement;\n } else if (children || \"children\" in props) {\n // Only call React.createElement with `children` if there are actual children,\n // or if there was an explicit (albeit undefined) children passed via\n // props. Otherwise, if you pass `undefined` as the children argument\n // to React.createElement, the created element will have prop {children: undefined}.\n // If the `root` is an PlasmicGeneratedComponent, and these props with {children: undefined}\n // are used, then it will be taken as a `children` override, and will thus blank out\n // everything under the root node.\n return React.createElement(elementType, props, children);\n } else {\n return React.createElement(elementType, props);\n }\n}\n\nexport function ensureNotArray(children: React.ReactNode) {\n if (Array.isArray(children)) {\n if (children.length === 1) {\n return children[0];\n } else {\n return React.createElement(React.Fragment, {}, ...children);\n }\n } else {\n return children;\n }\n}\n\n/**\n * Flattens ReactNode into an array of ReactChild, but does NOT replace\n * missing keys with array index, as React.Children.toArray() does.\n */\nexport function toChildArray(children: React.ReactNode): React.ReactChild[] {\n if (isReactChild(children)) {\n return [children];\n } else if (Array.isArray(children)) {\n return children.flatMap(toChildArray);\n } else {\n return [];\n }\n}\n\nexport function isReactText(child: React.ReactNode): child is React.ReactText {\n return typeof child === \"string\" || typeof child === \"number\";\n}\n\nexport function isReactChild(\n child: React.ReactNode\n): child is React.ReactChild {\n return React.isValidElement(child) || isReactText(child);\n}\n\nexport function isReactFragment(\n child: React.ReactNode\n): child is React.ReactElement {\n return React.isValidElement(child) && child.type === React.Fragment;\n}\n\nexport function isReactNode(x: any) {\n return (\n typeof x === \"string\" || typeof x === \"number\" || React.isValidElement(x)\n );\n}\n\n// From https://stackoverflow.com/questions/54775790/forcing-excess-property-checking-on-variable-passed-to-typescript-function\n// We also wrap the error message in a Partial<> because otherwise Jetbrains IDEs will autocomplete the component with all the string methods as props - see https://github.com/plasmicapp/plasmic/issues/16.\nexport type StrictProps<T, TExpected> = Exclude<\n keyof T,\n keyof TExpected\n> extends never\n ? any\n : Partial<\"Unexpected extraneous props\">;\n\nexport type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<\n React.ComponentProps<T>[\"ref\"],\n string\n>;\n\nexport function mergeProps(\n props: Record<string, any>,\n ...restProps: Record<string, any>[]\n): Record<string, any> {\n if (restProps.every((rest) => Object.keys(rest).length === 0)) {\n return props;\n }\n\n const result = { ...props };\n\n for (const rest of restProps) {\n for (const key of Object.keys(rest)) {\n result[key] = mergePropVals(key, result[key], rest[key]);\n }\n }\n\n return result;\n}\n\nfunction updateRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n if (!ref) {\n return;\n }\n\n if (typeof ref === \"function\") {\n ref(value);\n } else {\n if (!Object.isFrozen(ref)) {\n (ref as React.MutableRefObject<T | null>).current = value;\n }\n }\n}\n\nexport function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]) {\n return (value: T) => {\n for (const ref of refs) {\n updateRef(ref, value);\n }\n };\n}\n\nexport function mergePropVals(name: string, val1: any, val2: any): any {\n if (val1 === NONE || val2 === NONE) {\n // The NONE sentinel always skips all merging and returns null\n return null;\n } else if (val1 == null) {\n // If either of them is nil, prefer the other\n return val2;\n } else if (val2 == null) {\n return val1;\n } else if (name === \"className\") {\n // Special case for className -- always combine both class names\n return classNames(val1, val2);\n } else if (name === \"style\") {\n // Special case for style -- always shallow-merge style dicts\n return { ...val1, ...val2 };\n } else if (name === \"ref\") {\n // Special case for ref\n return mergeRefs(val1, val2);\n } else if (typeof val1 !== typeof val2) {\n // If the type of the two values are different, then no way to merge them.\n // Prefer val2.\n return val2;\n } else if (name.startsWith(\"on\") && typeof val1 === \"function\") {\n // Special case for event handlers -- always call both handlers\n return (...args: any[]) => {\n let res: any;\n if (typeof val1 === \"function\") {\n res = val1(...args);\n }\n if (typeof val2 === \"function\") {\n res = val2(...args);\n }\n return res;\n };\n } else {\n // For all else, prefer val2\n return val2;\n }\n}\n\nexport function getElementTypeName(element: React.ReactElement) {\n if (typeof element.type === \"string\") {\n return element.type;\n } else {\n const comp = element.type as any;\n return comp.displayName ?? comp.name ?? comp.render?.name ?? \"Component\";\n }\n}\n\nexport function reactNodeToString(reactNode: React.ReactNode): string {\n let string = \"\";\n if (typeof reactNode === \"string\") {\n string = reactNode;\n } else if (typeof reactNode === \"number\") {\n string = reactNode.toString();\n } else if (reactNode instanceof Array) {\n reactNode.forEach(function (child) {\n string += reactNodeToString(child);\n });\n } else if (isValidElement(reactNode)) {\n string += reactNodeToString(reactNode.props.children);\n }\n return string;\n}\n\nexport function useIsMounted(): () => boolean {\n const ref = React.useRef<boolean>(false);\n const isMounted = React.useCallback(() => ref.current, []);\n\n React.useEffect(() => {\n ref.current = true;\n return () => {\n ref.current = false;\n };\n }, []);\n\n return isMounted;\n}\n"],"names":["React","classNames","isValidElement"],"mappings":"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"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import classNames from 'classnames';
|
|
2
|
+
import React, { isValidElement } from 'react';
|
|
3
|
+
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
+
var __spreadValues = (a, b) => {
|
|
10
|
+
for (var prop in b || (b = {}))
|
|
11
|
+
if (__hasOwnProp.call(b, prop))
|
|
12
|
+
__defNormalProp(a, prop, b[prop]);
|
|
13
|
+
if (__getOwnPropSymbols)
|
|
14
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
+
if (__propIsEnum.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
}
|
|
18
|
+
return a;
|
|
19
|
+
};
|
|
20
|
+
const isBrowser = typeof window !== "undefined";
|
|
21
|
+
const NONE = Symbol("NONE");
|
|
22
|
+
isBrowser ? React.useLayoutEffect : React.useEffect;
|
|
23
|
+
function mergeProps(props, ...restProps) {
|
|
24
|
+
if (restProps.every((rest) => Object.keys(rest).length === 0)) {
|
|
25
|
+
return props;
|
|
26
|
+
}
|
|
27
|
+
const result = __spreadValues({}, props);
|
|
28
|
+
for (const rest of restProps) {
|
|
29
|
+
for (const key of Object.keys(rest)) {
|
|
30
|
+
result[key] = mergePropVals(key, result[key], rest[key]);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
return result;
|
|
34
|
+
}
|
|
35
|
+
function updateRef(ref, value) {
|
|
36
|
+
if (!ref) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
if (typeof ref === "function") {
|
|
40
|
+
ref(value);
|
|
41
|
+
} else {
|
|
42
|
+
if (!Object.isFrozen(ref)) {
|
|
43
|
+
ref.current = value;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
function mergeRefs(...refs) {
|
|
48
|
+
return (value) => {
|
|
49
|
+
for (const ref of refs) {
|
|
50
|
+
updateRef(ref, value);
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
function mergePropVals(name, val1, val2) {
|
|
55
|
+
if (val1 === NONE || val2 === NONE) {
|
|
56
|
+
return null;
|
|
57
|
+
} else if (val1 == null) {
|
|
58
|
+
return val2;
|
|
59
|
+
} else if (val2 == null) {
|
|
60
|
+
return val1;
|
|
61
|
+
} else if (name === "className") {
|
|
62
|
+
return classNames(val1, val2);
|
|
63
|
+
} else if (name === "style") {
|
|
64
|
+
return __spreadValues(__spreadValues({}, val1), val2);
|
|
65
|
+
} else if (name === "ref") {
|
|
66
|
+
return mergeRefs(val1, val2);
|
|
67
|
+
} else if (typeof val1 !== typeof val2) {
|
|
68
|
+
return val2;
|
|
69
|
+
} else if (name.startsWith("on") && typeof val1 === "function") {
|
|
70
|
+
return (...args) => {
|
|
71
|
+
let res;
|
|
72
|
+
if (typeof val1 === "function") {
|
|
73
|
+
res = val1(...args);
|
|
74
|
+
}
|
|
75
|
+
if (typeof val2 === "function") {
|
|
76
|
+
res = val2(...args);
|
|
77
|
+
}
|
|
78
|
+
return res;
|
|
79
|
+
};
|
|
80
|
+
} else {
|
|
81
|
+
return val2;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
function reactNodeToString(reactNode) {
|
|
85
|
+
let string = "";
|
|
86
|
+
if (typeof reactNode === "string") {
|
|
87
|
+
string = reactNode;
|
|
88
|
+
} else if (typeof reactNode === "number") {
|
|
89
|
+
string = reactNode.toString();
|
|
90
|
+
} else if (reactNode instanceof Array) {
|
|
91
|
+
reactNode.forEach(function(child) {
|
|
92
|
+
string += reactNodeToString(child);
|
|
93
|
+
});
|
|
94
|
+
} else if (isValidElement(reactNode)) {
|
|
95
|
+
string += reactNodeToString(reactNode.props.children);
|
|
96
|
+
}
|
|
97
|
+
return string;
|
|
98
|
+
}
|
|
99
|
+
function useIsMounted() {
|
|
100
|
+
const ref = React.useRef(false);
|
|
101
|
+
const isMounted = React.useCallback(() => ref.current, []);
|
|
102
|
+
React.useEffect(() => {
|
|
103
|
+
ref.current = true;
|
|
104
|
+
return () => {
|
|
105
|
+
ref.current = false;
|
|
106
|
+
};
|
|
107
|
+
}, []);
|
|
108
|
+
return isMounted;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
export { mergeProps as m, reactNodeToString as r, useIsMounted as u };
|
|
112
|
+
//# sourceMappingURL=react-utils-79d444f6.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react-utils-79d444f6.esm.js","sources":["../src/react-utils.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { isValidElement } from \"react\";\n\nexport const isBrowser = typeof window !== \"undefined\";\nexport const NONE = Symbol(\"NONE\");\n\nexport const useIsomorphicLayoutEffect = isBrowser\n ? React.useLayoutEffect\n : React.useEffect;\n\nexport function createElementWithChildren(\n elementType: any,\n props: any,\n children: React.ReactNode\n) {\n if (Array.isArray(children)) {\n return React.createElement(\n elementType,\n props,\n ...children\n ) as React.ReactElement;\n } else if (children || \"children\" in props) {\n // Only call React.createElement with `children` if there are actual children,\n // or if there was an explicit (albeit undefined) children passed via\n // props. Otherwise, if you pass `undefined` as the children argument\n // to React.createElement, the created element will have prop {children: undefined}.\n // If the `root` is an PlasmicGeneratedComponent, and these props with {children: undefined}\n // are used, then it will be taken as a `children` override, and will thus blank out\n // everything under the root node.\n return React.createElement(elementType, props, children);\n } else {\n return React.createElement(elementType, props);\n }\n}\n\nexport function ensureNotArray(children: React.ReactNode) {\n if (Array.isArray(children)) {\n if (children.length === 1) {\n return children[0];\n } else {\n return React.createElement(React.Fragment, {}, ...children);\n }\n } else {\n return children;\n }\n}\n\n/**\n * Flattens ReactNode into an array of ReactChild, but does NOT replace\n * missing keys with array index, as React.Children.toArray() does.\n */\nexport function toChildArray(children: React.ReactNode): React.ReactChild[] {\n if (isReactChild(children)) {\n return [children];\n } else if (Array.isArray(children)) {\n return children.flatMap(toChildArray);\n } else {\n return [];\n }\n}\n\nexport function isReactText(child: React.ReactNode): child is React.ReactText {\n return typeof child === \"string\" || typeof child === \"number\";\n}\n\nexport function isReactChild(\n child: React.ReactNode\n): child is React.ReactChild {\n return React.isValidElement(child) || isReactText(child);\n}\n\nexport function isReactFragment(\n child: React.ReactNode\n): child is React.ReactElement {\n return React.isValidElement(child) && child.type === React.Fragment;\n}\n\nexport function isReactNode(x: any) {\n return (\n typeof x === \"string\" || typeof x === \"number\" || React.isValidElement(x)\n );\n}\n\n// From https://stackoverflow.com/questions/54775790/forcing-excess-property-checking-on-variable-passed-to-typescript-function\n// We also wrap the error message in a Partial<> because otherwise Jetbrains IDEs will autocomplete the component with all the string methods as props - see https://github.com/plasmicapp/plasmic/issues/16.\nexport type StrictProps<T, TExpected> = Exclude<\n keyof T,\n keyof TExpected\n> extends never\n ? any\n : Partial<\"Unexpected extraneous props\">;\n\nexport type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<\n React.ComponentProps<T>[\"ref\"],\n string\n>;\n\nexport function mergeProps(\n props: Record<string, any>,\n ...restProps: Record<string, any>[]\n): Record<string, any> {\n if (restProps.every((rest) => Object.keys(rest).length === 0)) {\n return props;\n }\n\n const result = { ...props };\n\n for (const rest of restProps) {\n for (const key of Object.keys(rest)) {\n result[key] = mergePropVals(key, result[key], rest[key]);\n }\n }\n\n return result;\n}\n\nfunction updateRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n if (!ref) {\n return;\n }\n\n if (typeof ref === \"function\") {\n ref(value);\n } else {\n if (!Object.isFrozen(ref)) {\n (ref as React.MutableRefObject<T | null>).current = value;\n }\n }\n}\n\nexport function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]) {\n return (value: T) => {\n for (const ref of refs) {\n updateRef(ref, value);\n }\n };\n}\n\nexport function mergePropVals(name: string, val1: any, val2: any): any {\n if (val1 === NONE || val2 === NONE) {\n // The NONE sentinel always skips all merging and returns null\n return null;\n } else if (val1 == null) {\n // If either of them is nil, prefer the other\n return val2;\n } else if (val2 == null) {\n return val1;\n } else if (name === \"className\") {\n // Special case for className -- always combine both class names\n return classNames(val1, val2);\n } else if (name === \"style\") {\n // Special case for style -- always shallow-merge style dicts\n return { ...val1, ...val2 };\n } else if (name === \"ref\") {\n // Special case for ref\n return mergeRefs(val1, val2);\n } else if (typeof val1 !== typeof val2) {\n // If the type of the two values are different, then no way to merge them.\n // Prefer val2.\n return val2;\n } else if (name.startsWith(\"on\") && typeof val1 === \"function\") {\n // Special case for event handlers -- always call both handlers\n return (...args: any[]) => {\n let res: any;\n if (typeof val1 === \"function\") {\n res = val1(...args);\n }\n if (typeof val2 === \"function\") {\n res = val2(...args);\n }\n return res;\n };\n } else {\n // For all else, prefer val2\n return val2;\n }\n}\n\nexport function getElementTypeName(element: React.ReactElement) {\n if (typeof element.type === \"string\") {\n return element.type;\n } else {\n const comp = element.type as any;\n return comp.displayName ?? comp.name ?? comp.render?.name ?? \"Component\";\n }\n}\n\nexport function reactNodeToString(reactNode: React.ReactNode): string {\n let string = \"\";\n if (typeof reactNode === \"string\") {\n string = reactNode;\n } else if (typeof reactNode === \"number\") {\n string = reactNode.toString();\n } else if (reactNode instanceof Array) {\n reactNode.forEach(function (child) {\n string += reactNodeToString(child);\n });\n } else if (isValidElement(reactNode)) {\n string += reactNodeToString(reactNode.props.children);\n }\n return string;\n}\n\nexport function useIsMounted(): () => boolean {\n const ref = React.useRef<boolean>(false);\n const isMounted = React.useCallback(() => ref.current, []);\n\n React.useEffect(() => {\n ref.current = true;\n return () => {\n ref.current = false;\n };\n }, []);\n\n return isMounted;\n}\n"],"names":[],"mappings":"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"}
|
package/skinny/react-utils.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export declare const isBrowser: boolean;
|
|
3
3
|
export declare const NONE: unique symbol;
|
|
4
|
-
export declare const useIsomorphicLayoutEffect: typeof React.
|
|
4
|
+
export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
|
|
5
5
|
export declare function createElementWithChildren(elementType: any, props: any, children: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
6
6
|
export declare function ensureNotArray(children: React.ReactNode): any;
|
|
7
7
|
/**
|
|
@@ -20,3 +20,4 @@ export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): (va
|
|
|
20
20
|
export declare function mergePropVals(name: string, val1: any, val2: any): any;
|
|
21
21
|
export declare function getElementTypeName(element: React.ReactElement): any;
|
|
22
22
|
export declare function reactNodeToString(reactNode: React.ReactNode): string;
|
|
23
|
+
export declare function useIsMounted(): () => boolean;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var antd = require('antd');
|
|
4
|
+
var uniqueId = require('lodash/uniqueId');
|
|
4
5
|
var React = require('react');
|
|
5
6
|
var utils = require('./utils-174b9d45.cjs.js');
|
|
6
|
-
var uniqueId = require('lodash/uniqueId');
|
|
7
7
|
require('@plasmicapp/host/registerComponent');
|
|
8
8
|
require('@plasmicapp/host/registerGlobalContext');
|
|
9
9
|
|
|
10
10
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
12
|
var uniqueId__default = /*#__PURE__*/_interopDefault(uniqueId);
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
14
14
|
|
|
15
15
|
var __defProp = Object.defineProperty;
|
|
16
16
|
var __defProps = Object.defineProperties;
|
|
@@ -68,9 +68,9 @@ function AntdAccordion(props) {
|
|
|
68
68
|
"rotateCustomExpandIcon"
|
|
69
69
|
]);
|
|
70
70
|
const items = React.useMemo(() => {
|
|
71
|
-
if (!React__default.default.isValidElement(itemsRaw))
|
|
71
|
+
if (!React__default.default.isValidElement(itemsRaw) && !Array.isArray(itemsRaw))
|
|
72
72
|
return [];
|
|
73
|
-
return (Array.isArray(itemsRaw.props.children) ? itemsRaw.props.children : [itemsRaw.props.children]).map((currentItem) => {
|
|
73
|
+
return (Array.isArray(itemsRaw) ? itemsRaw : Array.isArray(itemsRaw.props.children) ? itemsRaw.props.children : [itemsRaw.props.children]).map((currentItem) => {
|
|
74
74
|
const props2 = __spreadProps(__spreadValues({}, currentItem.props), {
|
|
75
75
|
id: currentItem.props.id,
|
|
76
76
|
key: currentItem.props.id,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerCollapse.cjs.js","sources":["../src/registerCollapse.tsx"],"sourcesContent":["import { Collapse } from \"antd\";\nimport React, { useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport uniqueId from \"lodash/uniqueId\";\nimport type { PropType } from \"@plasmicapp/host\";\n\nexport const singleCollapseComponentName = \"plasmic-antd5-single-collapse\";\nexport const accordionComponentName = \"plasmic-antd5-collapse\";\nexport const accordionItemComponentName = \"plasmic-antd5-collapse-item\";\n\ntype AccordionItemType = NonNullable<\n React.ComponentProps<typeof Collapse>[\"items\"]\n>[number];\n\ntype SingleCollapseProps = Omit<\n React.ComponentProps<typeof Collapse>,\n \"items\" | \"activeKey\" | \"defaultActiveKey\" | \"expandIcon\" | \"accordion\"\n> &\n AccordionItemType & {\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n expandIcon: React.ReactElement;\n rotateCustomExpandIcon: boolean;\n children: React.ReactElement;\n label2: React.ReactElement; // For backwards compatibility\n };\n\nexport function AntdAccordionItem({ children }: AccordionItemType) {\n return <div>{children}</div>;\n}\n\nexport function AntdAccordion(\n props: Omit<\n React.ComponentProps<typeof Collapse>,\n \"items\" | \"activeKey\" | \"defaultActiveKey\" | \"expandIcon\" | \"accordion\"\n > & {\n items: { props: { children: React.ReactElement<AccordionItemType>[] } };\n defaultActiveKey?: string;\n activeKey?: string;\n disabled?: boolean;\n expandIcon: React.ReactElement;\n rotateCustomExpandIcon: boolean;\n }\n) {\n const {\n items: itemsRaw,\n activeKey,\n defaultActiveKey,\n expandIcon,\n collapsible,\n disabled,\n rotateCustomExpandIcon,\n ...rest\n } = props;\n\n const items: AccordionItemType[] = useMemo(() => {\n if (!React.isValidElement(itemsRaw)) return [];\n return (\n Array.isArray(itemsRaw.props.children)\n ? itemsRaw.props.children\n : [itemsRaw.props.children]\n )\n .map((currentItem) => {\n const props = {\n ...currentItem.props,\n id: currentItem.props.id,\n key: currentItem.props.id,\n children: React.cloneElement(<>{currentItem.props.children}</>),\n };\n if (currentItem.props.label) {\n // The old `label` prop takes precedence, delete label2\n delete (props as any).label2;\n } else {\n // Keep `label2` so the `hidden` function knows it's used\n props.label = (props as any).label2;\n }\n\n return props;\n })\n .filter((i) => i != null) as AccordionItemType[];\n }, [itemsRaw]);\n\n return (\n <Collapse\n accordion\n items={items}\n defaultActiveKey={defaultActiveKey}\n activeKey={activeKey}\n collapsible={disabled ? \"disabled\" : collapsible}\n expandIcon={\n expandIcon?.key\n ? ({ isActive }) => (\n <div\n style={\n isActive && rotateCustomExpandIcon\n ? { transform: \"rotate(90deg)\" }\n : undefined\n }\n >\n {expandIcon}\n </div>\n )\n : undefined\n }\n {...rest}\n />\n );\n}\n\nexport function AntdSingleCollapse(props: SingleCollapseProps) {\n const {\n open,\n defaultOpen,\n expandIcon,\n collapsible,\n disabled,\n rotateCustomExpandIcon,\n label: oldLabelProp,\n label2: newLabelProp,\n showArrow,\n extra,\n forceRender,\n children,\n headerClass,\n ...rest\n } = props;\n\n const label = oldLabelProp ?? newLabelProp;\n const defaultItemKey = useMemo(() => uniqueId(), []);\n\n const item = useMemo(\n () => ({\n key: defaultItemKey,\n label,\n showArrow,\n extra: <>{extra}</>,\n headerClass,\n children,\n }),\n [label, showArrow, extra, children, defaultItemKey, headerClass]\n );\n\n return (\n <Collapse\n accordion={false}\n items={[item]}\n defaultActiveKey={defaultOpen ? item.key : undefined}\n activeKey={open ? item.key : undefined}\n collapsible={disabled ? \"disabled\" : collapsible}\n expandIcon={\n expandIcon?.key\n ? ({ isActive }) => (\n <div\n style={\n isActive && rotateCustomExpandIcon\n ? { transform: \"rotate(90deg)\" }\n : undefined\n }\n >\n {expandIcon}\n </div>\n )\n : undefined\n }\n {...rest}\n />\n );\n}\n\nexport const accordionHelpers = {\n states: {\n activePanelId: {\n onChangeArgsToValue: (activeKeys: string[]) => activeKeys[0],\n },\n },\n};\n\nexport const singleCollapseHelpers = {\n states: {\n open: {\n onChangeArgsToValue: (activeKeys: string[]) => activeKeys.length > 0,\n },\n },\n};\n\nconst commonAccordionProps: Record<string, PropType<any>> = {\n bordered: {\n type: \"boolean\",\n defaultValue: true,\n description: `Display border around accordion `,\n },\n disabled: {\n type: \"boolean\",\n description: \"Disable the toggle behaviour of panels\",\n },\n expandIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n rotateCustomExpandIcon: {\n type: \"boolean\",\n description: \"Enable rotation of custom expand icon when panel is expanded\",\n advanced: true,\n hidden: (ps) => !ps.expandIcon?.key,\n },\n expandIconPosition: {\n type: \"choice\",\n defaultValueHint: \"start\",\n description: `Set expand icon position`,\n options: [\"start\", \"end\"],\n },\n ghost: {\n type: \"boolean\",\n description: `Make the accordion borderless and its background transparent`,\n },\n size: {\n type: \"choice\",\n defaultValueHint: \"middle\",\n description: `Set the size of accordion`,\n options: [\"large\", \"middle\", \"small\"],\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"activeIds\", type: \"object\" }],\n },\n};\n\nconst commonAccordionItemProps: Record<string, PropType<any>> = {\n label: {\n type: \"string\",\n displayName: \"Header Content\",\n description: \"Text inside the header\",\n hidden: (props) =>\n props.label != null\n ? false\n : props?.label2 !== undefined || props?.header === undefined,\n },\n label2: {\n type: \"slot\",\n displayName: \"Header Content\",\n defaultValue: \"Collapse Header\",\n hidePlaceholder: true,\n hidden: (props) =>\n props.label != null\n ? true\n : props?.label2 === undefined && props?.header !== undefined,\n },\n extra: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n showArrow: {\n type: \"boolean\",\n defaultValue: true,\n description: `Whether to show animating arrow alongside header text`,\n advanced: true,\n },\n headerClass: {\n type: \"class\",\n displayName: \"Header\",\n },\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n ...({ mergeWithParent: true } as any),\n defaultValue: \"Collapsible text...\",\n },\n};\n\nconst commonProps: Record<string, PropType<any>> = {\n collapsible: {\n displayName: \"Toggle Area\",\n type: \"choice\",\n defaultValueHint: \"header\",\n description: `Specify the element that can be clicked to toggle a panel`,\n options: [\"header\", \"icon\"],\n advanced: true,\n hidden: (ps) => Boolean(ps.disabled),\n },\n destroyInactivePanel: {\n type: \"boolean\",\n description: `Destroy/Unmount panel if inactive`,\n advanced: true,\n },\n forceRender: {\n type: \"boolean\",\n description: `Force rendering of content in the panel, instead of lazy rendering it.`,\n advanced: true,\n },\n};\n\nexport function registerCollapse(loader?: Registerable) {\n registerComponentHelper(loader, AntdSingleCollapse, {\n name: singleCollapseComponentName,\n displayName: \"Collapse\",\n description: \"Accordion, but with a single collapsible block.\",\n defaultStyles: {\n width: \"stretch\",\n },\n props: {\n open: {\n editOnly: true,\n displayName: \"Open\",\n uncontrolledProp: \"defaultOpen\",\n type: \"boolean\",\n description: `Default open state of the collapse block`,\n },\n ...commonProps,\n ...commonAccordionItemProps,\n ...commonAccordionProps,\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onChange\",\n variableType: \"boolean\",\n ...singleCollapseHelpers.states.open,\n },\n },\n componentHelpers: {\n helpers: singleCollapseHelpers,\n importName: \"singleCollapseHelpers\",\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n importName: \"AntdSingleCollapse\",\n });\n\n registerComponentHelper(loader, AntdAccordion, {\n name: accordionComponentName,\n displayName: \"Accordion\",\n defaultStyles: {\n width: \"stretch\",\n },\n props: {\n activeKey: {\n editOnly: true,\n displayName: \"Active panel ID\",\n uncontrolledProp: \"defaultActiveKey\",\n type: \"string\",\n description: `ID of Accordion item that is expanded by default.`,\n advanced: true,\n },\n items: {\n type: \"slot\",\n hidePlaceholder: true,\n allowedComponents: [accordionItemComponentName],\n ...({ mergeWithParent: true } as any),\n defaultValue: [\n {\n type: \"component\",\n name: accordionItemComponentName,\n props: {\n id: 1,\n label2: {\n type: \"text\",\n value: \"First Item\",\n },\n children: {\n type: \"text\",\n value: \"First Children\",\n },\n },\n },\n {\n type: \"component\",\n name: accordionItemComponentName,\n props: {\n id: 2,\n label2: {\n type: \"text\",\n value: \"Second Item\",\n },\n children: {\n type: \"text\",\n value: \"Second Children\",\n },\n },\n },\n ],\n },\n ...commonProps,\n ...commonAccordionProps,\n },\n states: {\n activePanelId: {\n type: \"writable\",\n valueProp: \"activeKey\",\n onChangeProp: \"onChange\",\n variableType: \"text\",\n ...accordionHelpers.states.activePanelId,\n },\n },\n componentHelpers: {\n helpers: accordionHelpers,\n importName: \"accordionHelpers\",\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n importName: \"AntdAccordion\",\n });\n\n registerComponentHelper(loader, AntdAccordionItem, {\n name: accordionItemComponentName,\n displayName: \"Accordion Item\",\n props: {\n id: {\n type: \"string\",\n description: `Unique identifier for this item`,\n required: true,\n },\n ...commonProps,\n ...commonAccordionItemProps,\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n importName: \"AntdAccordionItem\",\n parentComponentName: accordionComponentName,\n });\n}\n"],"names":["React","useMemo","props","Collapse","uniqueId","registerComponentHelper"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"registerCollapse.cjs.js","sources":["../src/registerCollapse.tsx"],"sourcesContent":["import type { PropType } from \"@plasmicapp/host\";\nimport { Collapse } from \"antd\";\nimport uniqueId from \"lodash/uniqueId\";\nimport React, { useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport const singleCollapseComponentName = \"plasmic-antd5-single-collapse\";\nexport const accordionComponentName = \"plasmic-antd5-collapse\";\nexport const accordionItemComponentName = \"plasmic-antd5-collapse-item\";\n\ntype AccordionItemType = NonNullable<\n React.ComponentProps<typeof Collapse>[\"items\"]\n>[number];\n\ntype SingleCollapseProps = Omit<\n React.ComponentProps<typeof Collapse>,\n \"items\" | \"activeKey\" | \"defaultActiveKey\" | \"expandIcon\" | \"accordion\"\n> &\n AccordionItemType & {\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n expandIcon: React.ReactElement;\n rotateCustomExpandIcon: boolean;\n children: React.ReactElement;\n label2: React.ReactElement; // For backwards compatibility\n };\n\nexport function AntdAccordionItem({ children }: AccordionItemType) {\n return <div>{children}</div>;\n}\n\nexport function AntdAccordion(\n props: Omit<\n React.ComponentProps<typeof Collapse>,\n \"items\" | \"activeKey\" | \"defaultActiveKey\" | \"expandIcon\" | \"accordion\"\n > & {\n items: { props: { children: React.ReactElement<AccordionItemType>[] } };\n defaultActiveKey?: string;\n activeKey?: string;\n disabled?: boolean;\n expandIcon: React.ReactElement;\n rotateCustomExpandIcon: boolean;\n }\n) {\n const {\n items: itemsRaw,\n activeKey,\n defaultActiveKey,\n expandIcon,\n collapsible,\n disabled,\n rotateCustomExpandIcon,\n ...rest\n } = props;\n\n const items: AccordionItemType[] = useMemo(() => {\n if (!React.isValidElement(itemsRaw) && !Array.isArray(itemsRaw)) return [];\n return (\n Array.isArray(itemsRaw)\n ? itemsRaw\n : Array.isArray(itemsRaw.props.children)\n ? itemsRaw.props.children\n : [itemsRaw.props.children]\n )\n .map((currentItem) => {\n const props = {\n ...currentItem.props,\n id: currentItem.props.id,\n key: currentItem.props.id,\n children: React.cloneElement(<>{currentItem.props.children}</>),\n };\n if (currentItem.props.label) {\n // The old `label` prop takes precedence, delete label2\n delete (props as any).label2;\n } else {\n // Keep `label2` so the `hidden` function knows it's used\n props.label = (props as any).label2;\n }\n\n return props;\n })\n .filter((i) => i != null) as AccordionItemType[];\n }, [itemsRaw]);\n\n return (\n <Collapse\n accordion\n items={items}\n defaultActiveKey={defaultActiveKey}\n activeKey={activeKey}\n collapsible={disabled ? \"disabled\" : collapsible}\n expandIcon={\n expandIcon?.key\n ? ({ isActive }) => (\n <div\n style={\n isActive && rotateCustomExpandIcon\n ? { transform: \"rotate(90deg)\" }\n : undefined\n }\n >\n {expandIcon}\n </div>\n )\n : undefined\n }\n {...rest}\n />\n );\n}\n\nexport function AntdSingleCollapse(props: SingleCollapseProps) {\n const {\n open,\n defaultOpen,\n expandIcon,\n collapsible,\n disabled,\n rotateCustomExpandIcon,\n label: oldLabelProp,\n label2: newLabelProp,\n showArrow,\n extra,\n forceRender,\n children,\n headerClass,\n ...rest\n } = props;\n\n const label = oldLabelProp ?? newLabelProp;\n const defaultItemKey = useMemo(() => uniqueId(), []);\n\n const item = useMemo(\n () => ({\n key: defaultItemKey,\n label,\n showArrow,\n extra: <>{extra}</>,\n headerClass,\n children,\n }),\n [label, showArrow, extra, children, defaultItemKey, headerClass]\n );\n\n return (\n <Collapse\n accordion={false}\n items={[item]}\n defaultActiveKey={defaultOpen ? item.key : undefined}\n activeKey={open ? item.key : undefined}\n collapsible={disabled ? \"disabled\" : collapsible}\n expandIcon={\n expandIcon?.key\n ? ({ isActive }) => (\n <div\n style={\n isActive && rotateCustomExpandIcon\n ? { transform: \"rotate(90deg)\" }\n : undefined\n }\n >\n {expandIcon}\n </div>\n )\n : undefined\n }\n {...rest}\n />\n );\n}\n\nexport const accordionHelpers = {\n states: {\n activePanelId: {\n onChangeArgsToValue: (activeKeys: string[]) => activeKeys[0],\n },\n },\n};\n\nexport const singleCollapseHelpers = {\n states: {\n open: {\n onChangeArgsToValue: (activeKeys: string[]) => activeKeys.length > 0,\n },\n },\n};\n\nconst commonAccordionProps: Record<string, PropType<any>> = {\n bordered: {\n type: \"boolean\",\n defaultValue: true,\n description: `Display border around accordion `,\n },\n disabled: {\n type: \"boolean\",\n description: \"Disable the toggle behaviour of panels\",\n },\n expandIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n rotateCustomExpandIcon: {\n type: \"boolean\",\n description: \"Enable rotation of custom expand icon when panel is expanded\",\n advanced: true,\n hidden: (ps) => !ps.expandIcon?.key,\n },\n expandIconPosition: {\n type: \"choice\",\n defaultValueHint: \"start\",\n description: `Set expand icon position`,\n options: [\"start\", \"end\"],\n },\n ghost: {\n type: \"boolean\",\n description: `Make the accordion borderless and its background transparent`,\n },\n size: {\n type: \"choice\",\n defaultValueHint: \"middle\",\n description: `Set the size of accordion`,\n options: [\"large\", \"middle\", \"small\"],\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"activeIds\", type: \"object\" }],\n },\n};\n\nconst commonAccordionItemProps: Record<string, PropType<any>> = {\n label: {\n type: \"string\",\n displayName: \"Header Content\",\n description: \"Text inside the header\",\n hidden: (props) =>\n props.label != null\n ? false\n : props?.label2 !== undefined || props?.header === undefined,\n },\n label2: {\n type: \"slot\",\n displayName: \"Header Content\",\n defaultValue: \"Collapse Header\",\n hidePlaceholder: true,\n hidden: (props) =>\n props.label != null\n ? true\n : props?.label2 === undefined && props?.header !== undefined,\n },\n extra: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n showArrow: {\n type: \"boolean\",\n defaultValue: true,\n description: `Whether to show animating arrow alongside header text`,\n advanced: true,\n },\n headerClass: {\n type: \"class\",\n displayName: \"Header\",\n },\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n ...({ mergeWithParent: true } as any),\n defaultValue: \"Collapsible text...\",\n },\n};\n\nconst commonProps: Record<string, PropType<any>> = {\n collapsible: {\n displayName: \"Toggle Area\",\n type: \"choice\",\n defaultValueHint: \"header\",\n description: `Specify the element that can be clicked to toggle a panel`,\n options: [\"header\", \"icon\"],\n advanced: true,\n hidden: (ps) => Boolean(ps.disabled),\n },\n destroyInactivePanel: {\n type: \"boolean\",\n description: `Destroy/Unmount panel if inactive`,\n advanced: true,\n },\n forceRender: {\n type: \"boolean\",\n description: `Force rendering of content in the panel, instead of lazy rendering it.`,\n advanced: true,\n },\n};\n\nexport function registerCollapse(loader?: Registerable) {\n registerComponentHelper(loader, AntdSingleCollapse, {\n name: singleCollapseComponentName,\n displayName: \"Collapse\",\n description: \"Accordion, but with a single collapsible block.\",\n defaultStyles: {\n width: \"stretch\",\n },\n props: {\n open: {\n editOnly: true,\n displayName: \"Open\",\n uncontrolledProp: \"defaultOpen\",\n type: \"boolean\",\n description: `Default open state of the collapse block`,\n },\n ...commonProps,\n ...commonAccordionItemProps,\n ...commonAccordionProps,\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onChange\",\n variableType: \"boolean\",\n ...singleCollapseHelpers.states.open,\n },\n },\n componentHelpers: {\n helpers: singleCollapseHelpers,\n importName: \"singleCollapseHelpers\",\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n importName: \"AntdSingleCollapse\",\n });\n\n registerComponentHelper(loader, AntdAccordion, {\n name: accordionComponentName,\n displayName: \"Accordion\",\n defaultStyles: {\n width: \"stretch\",\n },\n props: {\n activeKey: {\n editOnly: true,\n displayName: \"Active panel ID\",\n uncontrolledProp: \"defaultActiveKey\",\n type: \"string\",\n description: `ID of Accordion item that is expanded by default.`,\n advanced: true,\n },\n items: {\n type: \"slot\",\n hidePlaceholder: true,\n allowedComponents: [accordionItemComponentName],\n ...({ mergeWithParent: true } as any),\n defaultValue: [\n {\n type: \"component\",\n name: accordionItemComponentName,\n props: {\n id: 1,\n label2: {\n type: \"text\",\n value: \"First Item\",\n },\n children: {\n type: \"text\",\n value: \"First Children\",\n },\n },\n },\n {\n type: \"component\",\n name: accordionItemComponentName,\n props: {\n id: 2,\n label2: {\n type: \"text\",\n value: \"Second Item\",\n },\n children: {\n type: \"text\",\n value: \"Second Children\",\n },\n },\n },\n ],\n },\n ...commonProps,\n ...commonAccordionProps,\n },\n states: {\n activePanelId: {\n type: \"writable\",\n valueProp: \"activeKey\",\n onChangeProp: \"onChange\",\n variableType: \"text\",\n ...accordionHelpers.states.activePanelId,\n },\n },\n componentHelpers: {\n helpers: accordionHelpers,\n importName: \"accordionHelpers\",\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n importName: \"AntdAccordion\",\n });\n\n registerComponentHelper(loader, AntdAccordionItem, {\n name: accordionItemComponentName,\n displayName: \"Accordion Item\",\n props: {\n id: {\n type: \"string\",\n description: `Unique identifier for this item`,\n required: true,\n },\n ...commonProps,\n ...commonAccordionItemProps,\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n importName: \"AntdAccordionItem\",\n parentComponentName: accordionComponentName,\n });\n}\n"],"names":["React","useMemo","props","Collapse","uniqueId","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,2BAA8B,GAAA,gCAAA;AACpC,MAAM,sBAAyB,GAAA,yBAAA;AAC/B,MAAM,0BAA6B,GAAA,8BAAA;AAoB1B,SAAA,iBAAA,CAAkB,EAAE,QAAA,EAA+B,EAAA;AACjE,EAAO,uBAAAA,sBAAA,CAAA,aAAA,CAAC,aAAK,QAAS,CAAA,CAAA;AACxB,CAAA;AAEO,SAAS,cACd,KAWA,EAAA;AACA,EAAA,MASI,EARF,GAAA,KAAA,EAAA;AAAA,IAAO,KAAA,EAAA,QAAA;AAAA,IACP,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,sBAAA;AAAA,GApDJ,GAsDM,EADC,EAAA,IAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,IAPH,OAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,wBAAA;AAAA,GAAA,CAAA,CAAA;AAIF,EAAM,MAAA,KAAA,GAA6BC,cAAQ,MAAM;AAC/C,IAAI,IAAA,CAACD,uBAAM,cAAe,CAAA,QAAQ,KAAK,CAAC,KAAA,CAAM,QAAQ,QAAQ,CAAA;AAAG,MAAA,OAAO,EAAC,CAAA;AACzE,IACE,OAAA,CAAA,KAAA,CAAM,QAAQ,QAAQ,CAAA,GAClB,WACA,KAAM,CAAA,OAAA,CAAQ,SAAS,KAAM,CAAA,QAAQ,IACrC,QAAS,CAAA,KAAA,CAAM,WACf,CAAC,QAAA,CAAS,MAAM,QAAQ,CAAA,EAE3B,GAAI,CAAA,CAAC,WAAgB,KAAA;AACpB,MAAME,MAAAA,MAAAA,GAAQ,aACT,CAAA,cAAA,CAAA,EAAA,EAAA,WAAA,CAAY,KADH,CAAA,EAAA;AAAA,QAEZ,EAAA,EAAI,YAAY,KAAM,CAAA,EAAA;AAAA,QACtB,GAAA,EAAK,YAAY,KAAM,CAAA,EAAA;AAAA,QACvB,UAAUF,sBAAM,CAAA,YAAA,6FAAgB,WAAY,CAAA,KAAA,CAAM,QAAS,CAAG,CAAA;AAAA,OAChE,CAAA,CAAA;AACA,MAAI,IAAA,WAAA,CAAY,MAAM,KAAO,EAAA;AAE3B,QAAA,OAAQE,MAAc,CAAA,MAAA,CAAA;AAAA,OACjB,MAAA;AAEL,QAAAA,MAAAA,CAAM,QAASA,MAAc,CAAA,MAAA,CAAA;AAAA,OAC/B;AAEA,MAAOA,OAAAA,MAAAA,CAAAA;AAAA,KACR,CACA,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,KAAK,IAAI,CAAA,CAAA;AAAA,GAC5B,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EACE,uBAAAF,sBAAA,CAAA,aAAA;AAAA,IAACG,aAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,KAAA;AAAA,MACA,gBAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,EAAa,WAAW,UAAa,GAAA,WAAA;AAAA,MACrC,aACE,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,GAAA,IACR,CAAC,EAAE,UACD,qBAAAH,sBAAA,CAAA,aAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,OACE,QAAY,IAAA,sBAAA,GACR,EAAE,SAAA,EAAW,iBACb,GAAA,KAAA,CAAA;AAAA,SAAA;AAAA,QAGL,UAAA;AAAA,OAGL,GAAA,KAAA,CAAA;AAAA,KAEF,EAAA,IAAA,CAAA;AAAA,GACN,CAAA;AAEJ,CAAA;AAEO,SAAS,mBAAmB,KAA4B,EAAA;AAC7D,EAAA,MAeI,EAdF,GAAA,KAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,sBAAA;AAAA,IACA,KAAO,EAAA,YAAA;AAAA,IACP,MAAQ,EAAA,YAAA;AAAA,IACR,SAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,GA9HJ,GAgIM,EADC,EAAA,IAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,IAbH,MAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,wBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,GAAA,CAAA,CAAA;AAIF,EAAA,MAAM,QAAQ,YAAgB,IAAA,IAAA,GAAA,YAAA,GAAA,YAAA,CAAA;AAC9B,EAAA,MAAM,iBAAiBC,aAAQ,CAAA,MAAMG,yBAAS,EAAA,EAAG,EAAE,CAAA,CAAA;AAEnD,EAAA,MAAM,IAAO,GAAAH,aAAA;AAAA,IACX,OAAO;AAAA,MACL,GAAK,EAAA,cAAA;AAAA,MACL,KAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA,8FAAU,KAAM,CAAA;AAAA,MAChB,WAAA;AAAA,MACA,QAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,KAAO,EAAA,SAAA,EAAW,KAAO,EAAA,QAAA,EAAU,gBAAgB,WAAW,CAAA;AAAA,GACjE,CAAA;AAEA,EACE,uBAAAD,sBAAA,CAAA,aAAA;AAAA,IAACG,aAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,SAAW,EAAA,KAAA;AAAA,MACX,KAAA,EAAO,CAAC,IAAI,CAAA;AAAA,MACZ,gBAAA,EAAkB,WAAc,GAAA,IAAA,CAAK,GAAM,GAAA,KAAA,CAAA;AAAA,MAC3C,SAAA,EAAW,IAAO,GAAA,IAAA,CAAK,GAAM,GAAA,KAAA,CAAA;AAAA,MAC7B,WAAA,EAAa,WAAW,UAAa,GAAA,WAAA;AAAA,MACrC,aACE,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,GAAA,IACR,CAAC,EAAE,UACD,qBAAAH,sBAAA,CAAA,aAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,OACE,QAAY,IAAA,sBAAA,GACR,EAAE,SAAA,EAAW,iBACb,GAAA,KAAA,CAAA;AAAA,SAAA;AAAA,QAGL,UAAA;AAAA,OAGL,GAAA,KAAA,CAAA;AAAA,KAEF,EAAA,IAAA,CAAA;AAAA,GACN,CAAA;AAEJ,CAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAQ,EAAA;AAAA,IACN,aAAe,EAAA;AAAA,MACb,mBAAqB,EAAA,CAAC,UAAyB,KAAA,UAAA,CAAW,CAAC,CAAA;AAAA,KAC7D;AAAA,GACF;AACF,EAAA;AAEO,MAAM,qBAAwB,GAAA;AAAA,EACnC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA,MACJ,mBAAqB,EAAA,CAAC,UAAyB,KAAA,UAAA,CAAW,MAAS,GAAA,CAAA;AAAA,KACrE;AAAA,GACF;AACF,EAAA;AAEA,MAAM,oBAAsD,GAAA;AAAA,EAC1D,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,YAAc,EAAA,IAAA;AAAA,IACd,WAAa,EAAA,CAAA,gCAAA,CAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,WAAa,EAAA,wCAAA;AAAA,GACf;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,eAAiB,EAAA,IAAA;AAAA,GACnB;AAAA,EACA,sBAAwB,EAAA;AAAA,IACtB,IAAM,EAAA,SAAA;AAAA,IACN,WAAa,EAAA,8DAAA;AAAA,IACb,QAAU,EAAA,IAAA;AAAA,IACV,MAAA,EAAQ,CAAC,EAAI,KAAA;AA9MjB,MAAA,IAAA,EAAA,CAAA;AA8MoB,MAAC,OAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAG,eAAH,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAClC;AAAA,EACA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,QAAA;AAAA,IACN,gBAAkB,EAAA,OAAA;AAAA,IAClB,WAAa,EAAA,CAAA,wBAAA,CAAA;AAAA,IACb,OAAA,EAAS,CAAC,OAAA,EAAS,KAAK,CAAA;AAAA,GAC1B;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,SAAA;AAAA,IACN,WAAa,EAAA,CAAA,4DAAA,CAAA;AAAA,GACf;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,QAAA;AAAA,IACN,gBAAkB,EAAA,QAAA;AAAA,IAClB,WAAa,EAAA,CAAA,yBAAA,CAAA;AAAA,IACb,OAAS,EAAA,CAAC,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GACtC;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,cAAA;AAAA,IACN,UAAU,CAAC,EAAE,MAAM,WAAa,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,GAClD;AACF,CAAA,CAAA;AAEA,MAAM,wBAA0D,GAAA;AAAA,EAC9D,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,QAAA;AAAA,IACN,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,wBAAA;AAAA,IACb,MAAA,EAAQ,CAAC,KAAA,KACP,KAAM,CAAA,KAAA,IAAS,IACX,GAAA,KAAA,GAAA,CACA,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,MAAA,MAAW,KAAa,CAAA,IAAA,CAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,MAAW,MAAA,KAAA,CAAA;AAAA,GACzD;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,WAAa,EAAA,gBAAA;AAAA,IACb,YAAc,EAAA,iBAAA;AAAA,IACd,eAAiB,EAAA,IAAA;AAAA,IACjB,MAAA,EAAQ,CAAC,KAAA,KACP,KAAM,CAAA,KAAA,IAAS,IACX,GAAA,IAAA,GAAA,CACA,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,MAAA,MAAW,KAAa,CAAA,IAAA,CAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,MAAW,MAAA,KAAA,CAAA;AAAA,GACzD;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,eAAiB,EAAA,IAAA;AAAA,GACnB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,SAAA;AAAA,IACN,YAAc,EAAA,IAAA;AAAA,IACd,WAAa,EAAA,CAAA,qDAAA,CAAA;AAAA,IACb,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,WAAa,EAAA,QAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA,aAAA,CAAA,cAAA,CAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,eAAiB,EAAA,IAAA;AAAA,GACb,EAAA,EAAE,eAAiB,EAAA,IAAA,EAHf,CAAA,EAAA;AAAA,IAIR,YAAc,EAAA,qBAAA;AAAA,GAChB,CAAA;AACF,CAAA,CAAA;AAEA,MAAM,WAA6C,GAAA;AAAA,EACjD,WAAa,EAAA;AAAA,IACX,WAAa,EAAA,aAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,gBAAkB,EAAA,QAAA;AAAA,IAClB,WAAa,EAAA,CAAA,yDAAA,CAAA;AAAA,IACb,OAAA,EAAS,CAAC,QAAA,EAAU,MAAM,CAAA;AAAA,IAC1B,QAAU,EAAA,IAAA;AAAA,IACV,MAAQ,EAAA,CAAC,EAAO,KAAA,OAAA,CAAQ,GAAG,QAAQ,CAAA;AAAA,GACrC;AAAA,EACA,oBAAsB,EAAA;AAAA,IACpB,IAAM,EAAA,SAAA;AAAA,IACN,WAAa,EAAA,CAAA,iCAAA,CAAA;AAAA,IACb,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,SAAA;AAAA,IACN,WAAa,EAAA,CAAA,sEAAA,CAAA;AAAA,IACb,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAA,CAAA;AAEO,SAAS,iBAAiB,MAAuB,EAAA;AACtD,EAAAK,6BAAA,CAAwB,QAAQ,kBAAoB,EAAA;AAAA,IAClD,IAAM,EAAA,2BAAA;AAAA,IACN,WAAa,EAAA,UAAA;AAAA,IACb,WAAa,EAAA,iDAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,SAAA;AAAA,KACT;AAAA,IACA,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,cAAA,CAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,QAAU,EAAA,IAAA;AAAA,QACV,WAAa,EAAA,MAAA;AAAA,QACb,gBAAkB,EAAA,aAAA;AAAA,QAClB,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,CAAA,wCAAA,CAAA;AAAA,OACf;AAAA,KAAA,EACG,cACA,wBACA,CAAA,EAAA,oBAAA,CAAA;AAAA,IAEL,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA,cAAA,CAAA;AAAA,QACJ,IAAM,EAAA,UAAA;AAAA,QACN,SAAW,EAAA,MAAA;AAAA,QACX,YAAc,EAAA,UAAA;AAAA,QACd,YAAc,EAAA,SAAA;AAAA,OAAA,EACX,sBAAsB,MAAO,CAAA,IAAA,CAAA;AAAA,KAEpC;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,OAAS,EAAA,qBAAA;AAAA,MACT,UAAY,EAAA,uBAAA;AAAA,MACZ,UAAY,EAAA,4CAAA;AAAA,KACd;AAAA,IACA,UAAY,EAAA,4CAAA;AAAA,IACZ,UAAY,EAAA,oBAAA;AAAA,GACb,CAAA,CAAA;AAED,EAAAA,6BAAA,CAAwB,QAAQ,aAAe,EAAA;AAAA,IAC7C,IAAM,EAAA,sBAAA;AAAA,IACN,WAAa,EAAA,WAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,SAAA;AAAA,KACT;AAAA,IACA,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA;AAAA,MACL,SAAW,EAAA;AAAA,QACT,QAAU,EAAA,IAAA;AAAA,QACV,WAAa,EAAA,iBAAA;AAAA,QACb,gBAAkB,EAAA,kBAAA;AAAA,QAClB,IAAM,EAAA,QAAA;AAAA,QACN,WAAa,EAAA,CAAA,iDAAA,CAAA;AAAA,QACb,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,KAAO,EAAA,aAAA,CAAA,cAAA,CAAA;AAAA,QACL,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,iBAAA,EAAmB,CAAC,0BAA0B,CAAA;AAAA,OAC1C,EAAA,EAAE,eAAiB,EAAA,IAAA,EAJlB,CAAA,EAAA;AAAA,QAKL,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,WAAA;AAAA,YACN,IAAM,EAAA,0BAAA;AAAA,YACN,KAAO,EAAA;AAAA,cACL,EAAI,EAAA,CAAA;AAAA,cACJ,MAAQ,EAAA;AAAA,gBACN,IAAM,EAAA,MAAA;AAAA,gBACN,KAAO,EAAA,YAAA;AAAA,eACT;AAAA,cACA,QAAU,EAAA;AAAA,gBACR,IAAM,EAAA,MAAA;AAAA,gBACN,KAAO,EAAA,gBAAA;AAAA,eACT;AAAA,aACF;AAAA,WACF;AAAA,UACA;AAAA,YACE,IAAM,EAAA,WAAA;AAAA,YACN,IAAM,EAAA,0BAAA;AAAA,YACN,KAAO,EAAA;AAAA,cACL,EAAI,EAAA,CAAA;AAAA,cACJ,MAAQ,EAAA;AAAA,gBACN,IAAM,EAAA,MAAA;AAAA,gBACN,KAAO,EAAA,aAAA;AAAA,eACT;AAAA,cACA,QAAU,EAAA;AAAA,gBACR,IAAM,EAAA,MAAA;AAAA,gBACN,KAAO,EAAA,iBAAA;AAAA,eACT;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,OACF,CAAA;AAAA,KAAA,EACG,WACA,CAAA,EAAA,oBAAA,CAAA;AAAA,IAEL,MAAQ,EAAA;AAAA,MACN,aAAe,EAAA,cAAA,CAAA;AAAA,QACb,IAAM,EAAA,UAAA;AAAA,QACN,SAAW,EAAA,WAAA;AAAA,QACX,YAAc,EAAA,UAAA;AAAA,QACd,YAAc,EAAA,MAAA;AAAA,OAAA,EACX,iBAAiB,MAAO,CAAA,aAAA,CAAA;AAAA,KAE/B;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,OAAS,EAAA,gBAAA;AAAA,MACT,UAAY,EAAA,kBAAA;AAAA,MACZ,UAAY,EAAA,4CAAA;AAAA,KACd;AAAA,IACA,UAAY,EAAA,4CAAA;AAAA,IACZ,UAAY,EAAA,eAAA;AAAA,GACb,CAAA,CAAA;AAED,EAAAA,6BAAA,CAAwB,QAAQ,iBAAmB,EAAA;AAAA,IACjD,IAAM,EAAA,0BAAA;AAAA,IACN,WAAa,EAAA,gBAAA;AAAA,IACb,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA;AAAA,MACL,EAAI,EAAA;AAAA,QACF,IAAM,EAAA,QAAA;AAAA,QACN,WAAa,EAAA,CAAA,+BAAA,CAAA;AAAA,QACb,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,KAAA,EACG,WACA,CAAA,EAAA,wBAAA,CAAA;AAAA,IAEL,UAAY,EAAA,4CAAA;AAAA,IACZ,UAAY,EAAA,mBAAA;AAAA,IACZ,mBAAqB,EAAA,sBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Collapse } from 'antd';
|
|
2
|
+
import uniqueId from 'lodash/uniqueId';
|
|
2
3
|
import React, { useMemo } from 'react';
|
|
3
4
|
import { r as registerComponentHelper } from './utils-7d8f2418.esm.js';
|
|
4
|
-
import uniqueId from 'lodash/uniqueId';
|
|
5
5
|
import '@plasmicapp/host/registerComponent';
|
|
6
6
|
import '@plasmicapp/host/registerGlobalContext';
|
|
7
7
|
|
|
@@ -61,9 +61,9 @@ function AntdAccordion(props) {
|
|
|
61
61
|
"rotateCustomExpandIcon"
|
|
62
62
|
]);
|
|
63
63
|
const items = useMemo(() => {
|
|
64
|
-
if (!React.isValidElement(itemsRaw))
|
|
64
|
+
if (!React.isValidElement(itemsRaw) && !Array.isArray(itemsRaw))
|
|
65
65
|
return [];
|
|
66
|
-
return (Array.isArray(itemsRaw.props.children) ? itemsRaw.props.children : [itemsRaw.props.children]).map((currentItem) => {
|
|
66
|
+
return (Array.isArray(itemsRaw) ? itemsRaw : Array.isArray(itemsRaw.props.children) ? itemsRaw.props.children : [itemsRaw.props.children]).map((currentItem) => {
|
|
67
67
|
const props2 = __spreadProps(__spreadValues({}, currentItem.props), {
|
|
68
68
|
id: currentItem.props.id,
|
|
69
69
|
key: currentItem.props.id,
|