@chicken-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/components/NavBar/NavBarPreset.d.mts +1 -1
- package/dist/components/NavBar/NavBarPreset.d.ts +1 -1
- package/dist/components/NavBar/NavBarPreset.js +3 -2
- package/dist/components/NavBar/NavBarPreset.js.map +1 -1
- package/dist/components/NavBar/NavBarPreset.mjs +3 -2
- package/dist/components/NavBar/NavBarPreset.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -21,6 +21,6 @@ type NavBarPresetProps = {
|
|
|
21
21
|
actualPath: string;
|
|
22
22
|
className?: string;
|
|
23
23
|
};
|
|
24
|
-
declare function NavBarPreset({ brand, brandHref, items, ariaLabel, linkAs, linkHrefPropName, actualPath, }: NavBarPresetProps): react.JSX.Element;
|
|
24
|
+
declare function NavBarPreset({ brand, brandHref, items, ariaLabel, linkAs, linkHrefPropName, actualPath, className, }: NavBarPresetProps): react.JSX.Element;
|
|
25
25
|
|
|
26
26
|
export { type NavBarPresetItem, type NavBarPresetProps, NavBarPreset as default };
|
|
@@ -21,6 +21,6 @@ type NavBarPresetProps = {
|
|
|
21
21
|
actualPath: string;
|
|
22
22
|
className?: string;
|
|
23
23
|
};
|
|
24
|
-
declare function NavBarPreset({ brand, brandHref, items, ariaLabel, linkAs, linkHrefPropName, actualPath, }: NavBarPresetProps): react.JSX.Element;
|
|
24
|
+
declare function NavBarPreset({ brand, brandHref, items, ariaLabel, linkAs, linkHrefPropName, actualPath, className, }: NavBarPresetProps): react.JSX.Element;
|
|
25
25
|
|
|
26
26
|
export { type NavBarPresetItem, type NavBarPresetProps, NavBarPreset as default };
|
|
@@ -66,9 +66,10 @@ function NavBarPreset({
|
|
|
66
66
|
ariaLabel,
|
|
67
67
|
linkAs = "a",
|
|
68
68
|
linkHrefPropName = "href",
|
|
69
|
-
actualPath
|
|
69
|
+
actualPath,
|
|
70
|
+
className
|
|
70
71
|
}) {
|
|
71
|
-
const list = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavBarList.default, { children: items.map((item) => {
|
|
72
|
+
const list = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavBarList.default, { className, children: items.map((item) => {
|
|
72
73
|
if (item.children) {
|
|
73
74
|
const childActiveStates = item.children.map(
|
|
74
75
|
(child) => isItemActive(child.href, actualPath, child.isActive)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/NavBar/NavBarPreset.tsx"],"sourcesContent":["import { ElementType, ReactNode } from \"react\";\nimport NavBarList from \"./NavBarList\";\nimport NavBarDropdown from \"./NavBarDropdown\";\nimport NavBarItem from \"./NavBarItem\";\nimport NavBar from \"./NavBar\";\nimport NavBarBrand from \"./NavBarBrand\";\nimport NavBarToggle from \"./NavBarToggle\";\n\nexport type NavBarPresetItem = {\n label: string;\n href?: string;\n isActive?: (href: string, actualPath: string) => boolean;\n children?: Array<{\n label: string;\n href: string;\n isActive?: (href: string, actualPath: string) => boolean;\n }>;\n};\n\nexport type NavBarPresetProps = {\n brand: ReactNode;\n brandHref?: string;\n items: NavBarPresetItem[];\n ariaLabel?: string;\n linkAs?: ElementType;\n linkHrefPropName?: string;\n actualPath: string;\n className?: string;\n};\n\nfunction isItemActive(\n href: string | undefined,\n actualPath: string,\n isActive?: (href: string, actualPath: string) => boolean,\n) {\n if (!href) return false;\n return isActive ? isActive(href, actualPath) : actualPath.startsWith(href);\n}\n\nexport default function NavBarPreset({\n brand,\n brandHref = \"/\",\n items,\n ariaLabel,\n linkAs = \"a\",\n linkHrefPropName = \"href\",\n actualPath,\n}: NavBarPresetProps) {\n const list = (\n <NavBarList>\n {items.map((item) => {\n if (item.children) {\n const childActiveStates = item.children.map((child) =>\n isItemActive(child.href, actualPath, child.isActive),\n );\n const dropdownActive = childActiveStates.some(Boolean);\n\n return (\n <NavBarDropdown\n key={item.label}\n label={item.label}\n isCurrent={dropdownActive}\n >\n {item.children.map((child, index) => (\n <NavBarItem\n key={child.label}\n as={linkAs}\n {...{ [linkHrefPropName]: child.href }}\n isCurrent={childActiveStates[index]}\n >\n {child.label}\n </NavBarItem>\n ))}\n </NavBarDropdown>\n );\n }\n\n const active = isItemActive(item.href, actualPath, item.isActive);\n return (\n <NavBarItem\n key={item.label}\n as={linkAs}\n {...{ [linkHrefPropName]: item.href }}\n isCurrent={active}\n >\n {item.label}\n </NavBarItem>\n );\n })}\n </NavBarList>\n );\n\n return (\n <NavBar aria-label={ariaLabel}>\n <NavBarBrand href={brandHref}>{brand}</NavBarBrand>\n <NavBarToggle>{list}</NavBarToggle>\n </NavBar>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/NavBar/NavBarPreset.tsx"],"sourcesContent":["import { ElementType, ReactNode } from \"react\";\nimport NavBarList from \"./NavBarList\";\nimport NavBarDropdown from \"./NavBarDropdown\";\nimport NavBarItem from \"./NavBarItem\";\nimport NavBar from \"./NavBar\";\nimport NavBarBrand from \"./NavBarBrand\";\nimport NavBarToggle from \"./NavBarToggle\";\n\nexport type NavBarPresetItem = {\n label: string;\n href?: string;\n isActive?: (href: string, actualPath: string) => boolean;\n children?: Array<{\n label: string;\n href: string;\n isActive?: (href: string, actualPath: string) => boolean;\n }>;\n};\n\nexport type NavBarPresetProps = {\n brand: ReactNode;\n brandHref?: string;\n items: NavBarPresetItem[];\n ariaLabel?: string;\n linkAs?: ElementType;\n linkHrefPropName?: string;\n actualPath: string;\n className?: string;\n};\n\nfunction isItemActive(\n href: string | undefined,\n actualPath: string,\n isActive?: (href: string, actualPath: string) => boolean,\n) {\n if (!href) return false;\n return isActive ? isActive(href, actualPath) : actualPath.startsWith(href);\n}\n\nexport default function NavBarPreset({\n brand,\n brandHref = \"/\",\n items,\n ariaLabel,\n linkAs = \"a\",\n linkHrefPropName = \"href\",\n actualPath,\n className,\n}: NavBarPresetProps) {\n const list = (\n <NavBarList className={className}>\n {items.map((item) => {\n if (item.children) {\n const childActiveStates = item.children.map((child) =>\n isItemActive(child.href, actualPath, child.isActive),\n );\n const dropdownActive = childActiveStates.some(Boolean);\n\n return (\n <NavBarDropdown\n key={item.label}\n label={item.label}\n isCurrent={dropdownActive}\n >\n {item.children.map((child, index) => (\n <NavBarItem\n key={child.label}\n as={linkAs}\n {...{ [linkHrefPropName]: child.href }}\n isCurrent={childActiveStates[index]}\n >\n {child.label}\n </NavBarItem>\n ))}\n </NavBarDropdown>\n );\n }\n\n const active = isItemActive(item.href, actualPath, item.isActive);\n return (\n <NavBarItem\n key={item.label}\n as={linkAs}\n {...{ [linkHrefPropName]: item.href }}\n isCurrent={active}\n >\n {item.label}\n </NavBarItem>\n );\n })}\n </NavBarList>\n );\n\n return (\n <NavBar aria-label={ariaLabel}>\n <NavBarBrand href={brandHref}>{brand}</NavBarBrand>\n <NavBarToggle>{list}</NavBarToggle>\n </NavBar>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEgB;AAhEhB,wBAAuB;AACvB,4BAA2B;AAC3B,wBAAuB;AACvB,oBAAmB;AACnB,yBAAwB;AACxB,0BAAyB;AAwBzB,SAAS,aACP,MACA,YACA,UACA;AACA,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,WAAW,SAAS,MAAM,UAAU,IAAI,WAAW,WAAW,IAAI;AAC3E;AAEe,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,OACJ,4CAAC,kBAAAA,SAAA,EAAW,WACT,gBAAM,IAAI,CAAC,SAAS;AACnB,QAAI,KAAK,UAAU;AACjB,YAAM,oBAAoB,KAAK,SAAS;AAAA,QAAI,CAAC,UAC3C,aAAa,MAAM,MAAM,YAAY,MAAM,QAAQ;AAAA,MACrD;AACA,YAAM,iBAAiB,kBAAkB,KAAK,OAAO;AAErD,aACE;AAAA,QAAC,sBAAAC;AAAA,QAAA;AAAA,UAEC,OAAO,KAAK;AAAA,UACZ,WAAW;AAAA,UAEV,eAAK,SAAS,IAAI,CAAC,OAAO,UACzB;AAAA,YAAC,kBAAAC;AAAA,YAAA;AAAA,cAEC,IAAI;AAAA,eACA,EAAE,CAAC,gBAAgB,GAAG,MAAM,KAAK,IAHtC;AAAA,cAIC,WAAW,kBAAkB,KAAK;AAAA,cAEjC,gBAAM;AAAA;AAAA,YALF,MAAM;AAAA,UAMb,CACD;AAAA;AAAA,QAbI,KAAK;AAAA,MAcZ;AAAA,IAEJ;AAEA,UAAM,SAAS,aAAa,KAAK,MAAM,YAAY,KAAK,QAAQ;AAChE,WACE;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QAEC,IAAI;AAAA,SACA,EAAE,CAAC,gBAAgB,GAAG,KAAK,KAAK,IAHrC;AAAA,QAIC,WAAW;AAAA,QAEV,eAAK;AAAA;AAAA,MALD,KAAK;AAAA,IAMZ;AAAA,EAEJ,CAAC,GACH;AAGF,SACE,6CAAC,cAAAC,SAAA,EAAO,cAAY,WAClB;AAAA,gDAAC,mBAAAC,SAAA,EAAY,MAAM,WAAY,iBAAM;AAAA,IACrC,4CAAC,oBAAAC,SAAA,EAAc,gBAAK;AAAA,KACtB;AAEJ;","names":["NavBarList","NavBarDropdown","NavBarItem","NavBar","NavBarBrand","NavBarToggle"]}
|
|
@@ -35,9 +35,10 @@ function NavBarPreset({
|
|
|
35
35
|
ariaLabel,
|
|
36
36
|
linkAs = "a",
|
|
37
37
|
linkHrefPropName = "href",
|
|
38
|
-
actualPath
|
|
38
|
+
actualPath,
|
|
39
|
+
className
|
|
39
40
|
}) {
|
|
40
|
-
const list = /* @__PURE__ */ jsx(NavBarList, { children: items.map((item) => {
|
|
41
|
+
const list = /* @__PURE__ */ jsx(NavBarList, { className, children: items.map((item) => {
|
|
41
42
|
if (item.children) {
|
|
42
43
|
const childActiveStates = item.children.map(
|
|
43
44
|
(child) => isItemActive(child.href, actualPath, child.isActive)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/NavBar/NavBarPreset.tsx"],"sourcesContent":["import { ElementType, ReactNode } from \"react\";\nimport NavBarList from \"./NavBarList\";\nimport NavBarDropdown from \"./NavBarDropdown\";\nimport NavBarItem from \"./NavBarItem\";\nimport NavBar from \"./NavBar\";\nimport NavBarBrand from \"./NavBarBrand\";\nimport NavBarToggle from \"./NavBarToggle\";\n\nexport type NavBarPresetItem = {\n label: string;\n href?: string;\n isActive?: (href: string, actualPath: string) => boolean;\n children?: Array<{\n label: string;\n href: string;\n isActive?: (href: string, actualPath: string) => boolean;\n }>;\n};\n\nexport type NavBarPresetProps = {\n brand: ReactNode;\n brandHref?: string;\n items: NavBarPresetItem[];\n ariaLabel?: string;\n linkAs?: ElementType;\n linkHrefPropName?: string;\n actualPath: string;\n className?: string;\n};\n\nfunction isItemActive(\n href: string | undefined,\n actualPath: string,\n isActive?: (href: string, actualPath: string) => boolean,\n) {\n if (!href) return false;\n return isActive ? isActive(href, actualPath) : actualPath.startsWith(href);\n}\n\nexport default function NavBarPreset({\n brand,\n brandHref = \"/\",\n items,\n ariaLabel,\n linkAs = \"a\",\n linkHrefPropName = \"href\",\n actualPath,\n}: NavBarPresetProps) {\n const list = (\n <NavBarList>\n {items.map((item) => {\n if (item.children) {\n const childActiveStates = item.children.map((child) =>\n isItemActive(child.href, actualPath, child.isActive),\n );\n const dropdownActive = childActiveStates.some(Boolean);\n\n return (\n <NavBarDropdown\n key={item.label}\n label={item.label}\n isCurrent={dropdownActive}\n >\n {item.children.map((child, index) => (\n <NavBarItem\n key={child.label}\n as={linkAs}\n {...{ [linkHrefPropName]: child.href }}\n isCurrent={childActiveStates[index]}\n >\n {child.label}\n </NavBarItem>\n ))}\n </NavBarDropdown>\n );\n }\n\n const active = isItemActive(item.href, actualPath, item.isActive);\n return (\n <NavBarItem\n key={item.label}\n as={linkAs}\n {...{ [linkHrefPropName]: item.href }}\n isCurrent={active}\n >\n {item.label}\n </NavBarItem>\n );\n })}\n </NavBarList>\n );\n\n return (\n <NavBar aria-label={ariaLabel}>\n <NavBarBrand href={brandHref}>{brand}</NavBarBrand>\n <NavBarToggle>{list}</NavBarToggle>\n </NavBar>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/NavBar/NavBarPreset.tsx"],"sourcesContent":["import { ElementType, ReactNode } from \"react\";\nimport NavBarList from \"./NavBarList\";\nimport NavBarDropdown from \"./NavBarDropdown\";\nimport NavBarItem from \"./NavBarItem\";\nimport NavBar from \"./NavBar\";\nimport NavBarBrand from \"./NavBarBrand\";\nimport NavBarToggle from \"./NavBarToggle\";\n\nexport type NavBarPresetItem = {\n label: string;\n href?: string;\n isActive?: (href: string, actualPath: string) => boolean;\n children?: Array<{\n label: string;\n href: string;\n isActive?: (href: string, actualPath: string) => boolean;\n }>;\n};\n\nexport type NavBarPresetProps = {\n brand: ReactNode;\n brandHref?: string;\n items: NavBarPresetItem[];\n ariaLabel?: string;\n linkAs?: ElementType;\n linkHrefPropName?: string;\n actualPath: string;\n className?: string;\n};\n\nfunction isItemActive(\n href: string | undefined,\n actualPath: string,\n isActive?: (href: string, actualPath: string) => boolean,\n) {\n if (!href) return false;\n return isActive ? isActive(href, actualPath) : actualPath.startsWith(href);\n}\n\nexport default function NavBarPreset({\n brand,\n brandHref = \"/\",\n items,\n ariaLabel,\n linkAs = \"a\",\n linkHrefPropName = \"href\",\n actualPath,\n className,\n}: NavBarPresetProps) {\n const list = (\n <NavBarList className={className}>\n {items.map((item) => {\n if (item.children) {\n const childActiveStates = item.children.map((child) =>\n isItemActive(child.href, actualPath, child.isActive),\n );\n const dropdownActive = childActiveStates.some(Boolean);\n\n return (\n <NavBarDropdown\n key={item.label}\n label={item.label}\n isCurrent={dropdownActive}\n >\n {item.children.map((child, index) => (\n <NavBarItem\n key={child.label}\n as={linkAs}\n {...{ [linkHrefPropName]: child.href }}\n isCurrent={childActiveStates[index]}\n >\n {child.label}\n </NavBarItem>\n ))}\n </NavBarDropdown>\n );\n }\n\n const active = isItemActive(item.href, actualPath, item.isActive);\n return (\n <NavBarItem\n key={item.label}\n as={linkAs}\n {...{ [linkHrefPropName]: item.href }}\n isCurrent={active}\n >\n {item.label}\n </NavBarItem>\n );\n })}\n </NavBarList>\n );\n\n return (\n <NavBar aria-label={ariaLabel}>\n <NavBarBrand href={brandHref}>{brand}</NavBarBrand>\n <NavBarToggle>{list}</NavBarToggle>\n </NavBar>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiEgB,cA6BZ,YA7BY;AAhEhB,OAAO,gBAAgB;AACvB,OAAO,oBAAoB;AAC3B,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB,OAAO,iBAAiB;AACxB,OAAO,kBAAkB;AAwBzB,SAAS,aACP,MACA,YACA,UACA;AACA,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,WAAW,SAAS,MAAM,UAAU,IAAI,WAAW,WAAW,IAAI;AAC3E;AAEe,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,OACJ,oBAAC,cAAW,WACT,gBAAM,IAAI,CAAC,SAAS;AACnB,QAAI,KAAK,UAAU;AACjB,YAAM,oBAAoB,KAAK,SAAS;AAAA,QAAI,CAAC,UAC3C,aAAa,MAAM,MAAM,YAAY,MAAM,QAAQ;AAAA,MACrD;AACA,YAAM,iBAAiB,kBAAkB,KAAK,OAAO;AAErD,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,KAAK;AAAA,UACZ,WAAW;AAAA,UAEV,eAAK,SAAS,IAAI,CAAC,OAAO,UACzB;AAAA,YAAC;AAAA;AAAA,cAEC,IAAI;AAAA,eACA,EAAE,CAAC,gBAAgB,GAAG,MAAM,KAAK,IAHtC;AAAA,cAIC,WAAW,kBAAkB,KAAK;AAAA,cAEjC,gBAAM;AAAA;AAAA,YALF,MAAM;AAAA,UAMb,CACD;AAAA;AAAA,QAbI,KAAK;AAAA,MAcZ;AAAA,IAEJ;AAEA,UAAM,SAAS,aAAa,KAAK,MAAM,YAAY,KAAK,QAAQ;AAChE,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,IAAI;AAAA,SACA,EAAE,CAAC,gBAAgB,GAAG,KAAK,KAAK,IAHrC;AAAA,QAIC,WAAW;AAAA,QAEV,eAAK;AAAA;AAAA,MALD,KAAK;AAAA,IAMZ;AAAA,EAEJ,CAAC,GACH;AAGF,SACE,qBAAC,UAAO,cAAY,WAClB;AAAA,wBAAC,eAAY,MAAM,WAAY,iBAAM;AAAA,IACrC,oBAAC,gBAAc,gBAAK;AAAA,KACtB;AAEJ;","names":[]}
|