@chicken-ui/react 0.1.0 → 0.1.1
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.
|
@@ -19,7 +19,7 @@ type NavBarPresetProps = {
|
|
|
19
19
|
linkAs?: ElementType;
|
|
20
20
|
linkHrefPropName?: string;
|
|
21
21
|
actualPath: string;
|
|
22
|
-
className
|
|
22
|
+
className?: string;
|
|
23
23
|
};
|
|
24
24
|
declare function NavBarPreset({ brand, brandHref, items, ariaLabel, linkAs, linkHrefPropName, actualPath, }: NavBarPresetProps): react.JSX.Element;
|
|
25
25
|
|
|
@@ -19,7 +19,7 @@ type NavBarPresetProps = {
|
|
|
19
19
|
linkAs?: ElementType;
|
|
20
20
|
linkHrefPropName?: string;
|
|
21
21
|
actualPath: string;
|
|
22
|
-
className
|
|
22
|
+
className?: string;
|
|
23
23
|
};
|
|
24
24
|
declare function NavBarPreset({ brand, brandHref, items, ariaLabel, linkAs, linkHrefPropName, actualPath, }: NavBarPresetProps): react.JSX.Element;
|
|
25
25
|
|
|
@@ -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
|
|
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;AAgEgB;AA/DhB,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;AACF,GAAsB;AACpB,QAAM,OACJ,4CAAC,kBAAAA,SAAA,EACE,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"]}
|
|
@@ -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
|
|
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":";;;;;;;;;;;;;;;;;;;AAgEgB,cA6BZ,YA7BY;AA/DhB,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;AACF,GAAsB;AACpB,QAAM,OACJ,oBAAC,cACE,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":[]}
|