@zayne-labs/ui-react 0.1.1 → 0.1.2
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/esm/common/show/index.d.ts +1 -3
- package/dist/esm/common/show/index.js +0 -2
- package/dist/esm/common/show/index.js.map +1 -1
- package/dist/esm/common/switch/index.d.ts +1 -2
- package/dist/esm/common/switch/index.js +1 -2
- package/dist/esm/common/switch/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,6 @@ type ShowProps = {
|
|
|
6
6
|
when: boolean;
|
|
7
7
|
};
|
|
8
8
|
declare function ShowRoot({ children, fallback, when }: ShowProps): react.ReactNode;
|
|
9
|
-
declare const Show: typeof ShowRoot;
|
|
10
9
|
declare function ShowContent({ children }: Pick<ShowProps, "children">): react.ReactNode;
|
|
11
10
|
declare namespace ShowContent {
|
|
12
11
|
var slot: symbol;
|
|
@@ -16,12 +15,11 @@ declare namespace ShowFallback {
|
|
|
16
15
|
var slot: symbol;
|
|
17
16
|
}
|
|
18
17
|
|
|
19
|
-
declare const show_Show: typeof Show;
|
|
20
18
|
declare const show_ShowContent: typeof ShowContent;
|
|
21
19
|
declare const show_ShowFallback: typeof ShowFallback;
|
|
22
20
|
declare const show_ShowRoot: typeof ShowRoot;
|
|
23
21
|
declare namespace show {
|
|
24
|
-
export {
|
|
22
|
+
export { show_ShowContent as ShowContent, show_ShowFallback as ShowFallback, show_ShowRoot as ShowRoot };
|
|
25
23
|
}
|
|
26
24
|
|
|
27
25
|
export { show as Show, ShowContent, ShowFallback, ShowRoot };
|
|
@@ -6,7 +6,6 @@ import { AssertionError } from '@zayne-labs/toolkit-type-helpers';
|
|
|
6
6
|
// src/components/common/show/show.tsx
|
|
7
7
|
var show_exports = {};
|
|
8
8
|
__export(show_exports, {
|
|
9
|
-
Show: () => Show,
|
|
10
9
|
ShowContent: () => ShowContent,
|
|
11
10
|
ShowFallback: () => ShowFallback,
|
|
12
11
|
ShowRoot: () => ShowRoot
|
|
@@ -28,7 +27,6 @@ function ShowRoot({ children, fallback, when }) {
|
|
|
28
27
|
}
|
|
29
28
|
return when ? contentSlot ?? otherChildren : fallBackSlot ?? fallback;
|
|
30
29
|
}
|
|
31
|
-
var Show = ShowRoot;
|
|
32
30
|
function ShowContent({ children }) {
|
|
33
31
|
return children;
|
|
34
32
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/common/show/show.tsx"],"names":[],"mappings":";;;;;;AAAA,IAAA,YAAA,GAAA;AAAA,QAAA,CAAA,YAAA,EAAA;AAAA,EAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/common/show/show.tsx"],"names":[],"mappings":";;;;;;AAAA,IAAA,YAAA,GAAA;AAAA,QAAA,CAAA,YAAA,EAAA;AAAA,EAAA,WAAA,EAAA,MAAA,WAAA;AAAA,EAAA,YAAA,EAAA,MAAA,YAAA;AAAA,EAAA,QAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAaO,SAAS,QAAS,CAAA,EAAE,QAAU,EAAA,QAAA,EAAU,MAAmB,EAAA;AACjE,EAAM,MAAA,YAAA,GAAe,cAAe,CAAA,QAAA,EAAU,YAAc,EAAA;AAAA,IAC3D,YAAc,EAAA,mEAAA;AAAA,IACd,wBAA0B,EAAA;AAAA,GAC1B,CAAA;AAED,EAAM,MAAA,WAAA,GAAc,cAAe,CAAA,QAAA,EAAU,WAAa,EAAA;AAAA,IACzD,YAAc,EAAA,8CAAA;AAAA,IACd,wBAA0B,EAAA;AAAA,GAC1B,CAAA;AAED,EAAA,MAAM,gBAAgB,gBAAiB,CAAA,QAAA,EAAU,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA;AAE5E,EAAA,IAAI,gBAAgB,QAAU,EAAA;AAC7B,IAAA,MAAM,IAAI,cAAe,CAAA;AAAA;AAAA,EAExB,CAAA,CAAA;AAAA;AAGF,EAAO,OAAA,IAAA,GAAQ,WAAe,IAAA,aAAA,GAAkB,YAAgB,IAAA,QAAA;AACjE;AAEO,SAAS,WAAA,CAAY,EAAE,QAAA,EAAyC,EAAA;AACtE,EAAO,OAAA,QAAA;AACR;AACA,WAAY,CAAA,IAAA,GAAO,MAAO,CAAA,GAAA,CAAI,SAAS,CAAA;AAEhC,SAAS,YAAA,CAAa,EAAE,QAAA,EAAyC,EAAA;AACvE,EAAO,OAAA,QAAA;AACR;AACA,YAAa,CAAA,IAAA,GAAO,MAAO,CAAA,GAAA,CAAI,eAAe,CAAA","file":"index.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { getOtherChildren, getSlotElement } from \"@zayne-labs/toolkit-react/utils\";\nimport { AssertionError } from \"@zayne-labs/toolkit-type-helpers\";\n\ntype ShowProps = {\n\tchildren: React.ReactNode;\n\tfallback?: React.ReactNode;\n\twhen: boolean;\n};\n\nexport function ShowRoot({ children, fallback, when }: ShowProps) {\n\tconst fallBackSlot = getSlotElement(children, ShowFallback, {\n\t\terrorMessage: \"Only one <Show.Fallback> or <Show.OtherWise> component is allowed\",\n\t\tthrowOnMultipleSlotMatch: true,\n\t});\n\n\tconst contentSlot = getSlotElement(children, ShowContent, {\n\t\terrorMessage: \"Only one <Show.Content> component is allowed\",\n\t\tthrowOnMultipleSlotMatch: true,\n\t});\n\n\tconst otherChildren = getOtherChildren(children, [ShowFallback, ShowContent]);\n\n\tif (fallBackSlot && fallback) {\n\t\tthrow new AssertionError(`\n\t\t\tThe fallback prop and <Show.Fallback>/<Show.OtherWise> cannot be used at the same time.\n\t\t`);\n\t}\n\n\treturn when ? (contentSlot ?? otherChildren) : (fallBackSlot ?? fallback);\n}\n\nexport function ShowContent({ children }: Pick<ShowProps, \"children\">) {\n\treturn children;\n}\nShowContent.slot = Symbol.for(\"content\");\n\nexport function ShowFallback({ children }: Pick<ShowProps, \"children\">) {\n\treturn children;\n}\nShowFallback.slot = Symbol.for(\"show-fallback\");\n"]}
|
|
@@ -10,11 +10,10 @@ type SwitchMatchProps<TWhen = boolean> = {
|
|
|
10
10
|
when: TWhen;
|
|
11
11
|
};
|
|
12
12
|
declare function SwitchRoot<TCondition = true>(props: SwitchProps<TCondition>): react.ReactElement<Pick<SwitchMatchProps<boolean>, "children">, string | react.JSXElementConstructor<any>> | undefined;
|
|
13
|
-
declare const Switch: typeof SwitchRoot;
|
|
14
13
|
declare function SwitchMatch<TWhen>({ children }: SwitchMatchProps<TWhen>): react.ReactNode;
|
|
15
14
|
declare function SwitchDefault({ children }: Pick<SwitchMatchProps, "children">): react.ReactNode;
|
|
16
15
|
declare namespace SwitchDefault {
|
|
17
16
|
var slot: symbol;
|
|
18
17
|
}
|
|
19
18
|
|
|
20
|
-
export { SwitchDefault as Default, SwitchMatch as Match, SwitchRoot as Root,
|
|
19
|
+
export { SwitchDefault as Default, SwitchMatch as Match, SwitchRoot as Root, SwitchDefault, SwitchMatch, SwitchRoot };
|
|
@@ -12,7 +12,6 @@ function SwitchRoot(props) {
|
|
|
12
12
|
const matchedCase = childrenCasesArray.find((child) => child.props.when === condition);
|
|
13
13
|
return matchedCase ?? defaultCase;
|
|
14
14
|
}
|
|
15
|
-
var Switch = SwitchRoot;
|
|
16
15
|
function SwitchMatch({ children }) {
|
|
17
16
|
return children;
|
|
18
17
|
}
|
|
@@ -21,6 +20,6 @@ function SwitchDefault({ children }) {
|
|
|
21
20
|
}
|
|
22
21
|
SwitchDefault.slot = Symbol.for("switch-default");
|
|
23
22
|
|
|
24
|
-
export { SwitchDefault as Default, SwitchMatch as Match, SwitchRoot as Root,
|
|
23
|
+
export { SwitchDefault as Default, SwitchMatch as Match, SwitchRoot as Root, SwitchDefault, SwitchMatch, SwitchRoot };
|
|
25
24
|
//# sourceMappingURL=index.js.map
|
|
26
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/common/switch/switch.tsx"],"names":[],"mappings":";;;;AAkBO,SAAS,WAA8B,KAAgC,EAAA;AAC7E,EAAA,MAAM,EAAE,QAAA,EAAU,SAAY,GAAA,IAAA,EAAS,GAAA,KAAA;AAEvC,EAAM,MAAA,WAAA,GAAc,cAAe,CAAA,QAAA,EAAU,aAAe,EAAA;AAAA,IAC3D,YAAc,EAAA,gDAAA;AAAA,IACd,wBAA0B,EAAA;AAAA,GAC1B,CAAA;AAED,EAAM,MAAA,kBAAA,GAAqB,gBAAiB,CAAA,QAAA,EAAU,aAAa,CAAA;AAEnE,EAAM,MAAA,WAAA,GAAc,mBAAmB,IAAK,CAAA,CAAC,UAAU,KAAM,CAAA,KAAA,CAAM,SAAS,SAAS,CAAA;AAErF,EAAA,OAAO,WAAe,IAAA,WAAA;AACvB;AAEO,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/common/switch/switch.tsx"],"names":[],"mappings":";;;;AAkBO,SAAS,WAA8B,KAAgC,EAAA;AAC7E,EAAA,MAAM,EAAE,QAAA,EAAU,SAAY,GAAA,IAAA,EAAS,GAAA,KAAA;AAEvC,EAAM,MAAA,WAAA,GAAc,cAAe,CAAA,QAAA,EAAU,aAAe,EAAA;AAAA,IAC3D,YAAc,EAAA,gDAAA;AAAA,IACd,wBAA0B,EAAA;AAAA,GAC1B,CAAA;AAED,EAAM,MAAA,kBAAA,GAAqB,gBAAiB,CAAA,QAAA,EAAU,aAAa,CAAA;AAEnE,EAAM,MAAA,WAAA,GAAc,mBAAmB,IAAK,CAAA,CAAC,UAAU,KAAM,CAAA,KAAA,CAAM,SAAS,SAAS,CAAA;AAErF,EAAA,OAAO,WAAe,IAAA,WAAA;AACvB;AAEO,SAAS,WAAA,CAAmB,EAAE,QAAA,EAAqC,EAAA;AACzE,EAAO,OAAA,QAAA;AACR;AAEO,SAAS,aAAA,CAAc,EAAE,QAAA,EAAgD,EAAA;AAC/E,EAAO,OAAA,QAAA;AACR;AACA,aAAc,CAAA,IAAA,GAAO,MAAO,CAAA,GAAA,CAAI,gBAAgB,CAAA","file":"index.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { getOtherChildren, getSlotElement } from \"@zayne-labs/toolkit-react/utils\";\n\ntype ValidSwitchComponentType = React.ReactElement<SwitchMatchProps>;\n\ntype SwitchProps<TCondition> = {\n\tchildren: ValidSwitchComponentType | ValidSwitchComponentType[];\n\tcondition?: TCondition;\n};\n\ntype SwitchMatchProps<TWhen = boolean> = {\n\tchildren: React.ReactNode;\n\twhen: TWhen;\n};\n\nexport function SwitchRoot<TCondition = true>(props: SwitchProps<TCondition>) {\n\tconst { children, condition = true } = props;\n\n\tconst defaultCase = getSlotElement(children, SwitchDefault, {\n\t\terrorMessage: \"Only one <Switch.Default> component is allowed\",\n\t\tthrowOnMultipleSlotMatch: true,\n\t});\n\n\tconst childrenCasesArray = getOtherChildren(children, SwitchDefault);\n\n\tconst matchedCase = childrenCasesArray.find((child) => child.props.when === condition);\n\n\treturn matchedCase ?? defaultCase;\n}\n\nexport function SwitchMatch<TWhen>({ children }: SwitchMatchProps<TWhen>) {\n\treturn children;\n}\n\nexport function SwitchDefault({ children }: Pick<SwitchMatchProps, \"children\">) {\n\treturn children;\n}\nSwitchDefault.slot = Symbol.for(\"switch-default\");\n"]}
|