@plumile/ui 0.1.179 → 0.1.182
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/lib/esm/atomic/molecules/markdown/components/MarkdownArticleContainer.css.js +1 -0
- package/lib/esm/atomic/molecules/markdown/components/MarkdownHeading.css.js +0 -1
- package/lib/esm/atomic/molecules/tabs/Tabs.js +2 -2
- package/lib/esm/atomic/molecules/tabs/Tabs.js.map +1 -1
- package/lib/types/atomic/molecules/tabs/Tabs.d.ts +1 -1
- package/lib/types/atomic/molecules/tabs/Tabs.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -10,7 +10,7 @@ var f = u, p = (e, t, n, r = !1) => t == null ? typeof e.isActive == "boolean" ?
|
|
|
10
10
|
let w = v.some((e) => e.to != null), T = b != null && !w, E = v.some((e) => typeof e.isActive == "boolean"), D = o({ variant: S });
|
|
11
11
|
y === "nav" && (D = e(D, _));
|
|
12
12
|
let O = v.map((e) => {
|
|
13
|
-
let { disabled: t, id: n, label: i,
|
|
13
|
+
let { disabled: t, id: n, label: i, preloadOnHover: a, to: o } = e, s = p(e, m, C, E), l = "default";
|
|
14
14
|
t ? l = "disabled" : s && (l = "active");
|
|
15
15
|
let u = r({
|
|
16
16
|
state: l,
|
|
@@ -26,7 +26,7 @@ var f = u, p = (e, t, n, r = !1) => t == null ? typeof e.isActive == "boolean" ?
|
|
|
26
26
|
"aria-disabled": d,
|
|
27
27
|
className: u,
|
|
28
28
|
to: o,
|
|
29
|
-
|
|
29
|
+
preloadOnHover: a,
|
|
30
30
|
tabIndex: e,
|
|
31
31
|
onClick: (e) => {
|
|
32
32
|
t && e.preventDefault();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","names":[],"sources":["../../../../../src/atomic/molecules/tabs/Tabs.tsx"],"sourcesContent":["import {\n type AnchorHTMLAttributes,\n type ComponentPropsWithoutRef,\n type HTMLAttributes,\n type JSX,\n type MouseEvent,\n type ReactNode,\n} from 'react';\nimport Link from '@plumile/router/routing/Link.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport * as styles from './tabs.css.js';\nimport { cx } from '../../../theme/tools.js';\n\nexport type TabsSelectEvent = MouseEvent<HTMLButtonElement | HTMLAnchorElement>;\n\ntype LinkComponentProps = ComponentPropsWithoutRef<typeof Link>;\ntype RouterLinkProps = LinkComponentProps &\n AnchorHTMLAttributes<HTMLAnchorElement>;\nconst RouterLink = Link as unknown as (props: RouterLinkProps) => JSX.Element;\n\nexport type TabItem = {\n id: string;\n label: ReactNode;\n to?: LinkComponentProps['to'];\n
|
|
1
|
+
{"version":3,"file":"Tabs.js","names":[],"sources":["../../../../../src/atomic/molecules/tabs/Tabs.tsx"],"sourcesContent":["import {\n type AnchorHTMLAttributes,\n type ComponentPropsWithoutRef,\n type HTMLAttributes,\n type JSX,\n type MouseEvent,\n type ReactNode,\n} from 'react';\nimport Link from '@plumile/router/routing/Link.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport * as styles from './tabs.css.js';\nimport { cx } from '../../../theme/tools.js';\n\nexport type TabsSelectEvent = MouseEvent<HTMLButtonElement | HTMLAnchorElement>;\n\ntype LinkComponentProps = ComponentPropsWithoutRef<typeof Link>;\ntype RouterLinkProps = LinkComponentProps &\n AnchorHTMLAttributes<HTMLAnchorElement>;\nconst RouterLink = Link as unknown as (props: RouterLinkProps) => JSX.Element;\n\nexport type TabItem = {\n id: string;\n label: ReactNode;\n to?: LinkComponentProps['to'];\n preloadOnHover?: LinkComponentProps['preloadOnHover'];\n disabled?: boolean;\n isActive?: boolean;\n};\n\nexport type TabsVariant = 'line' | 'pill' | 'underline' | 'page';\n\nexport type TabsProps = {\n items: readonly TabItem[];\n activeId?: string;\n onChange?: (id: string) => void;\n ariaLabel?: string;\n children?: ReactNode;\n className?: string;\n layout?: 'nav' | 'content';\n panelClassName?: string;\n variant?: TabsVariant;\n};\n\nconst resolveItemIsActive = (\n item: TabItem,\n activeId: string | undefined,\n pathname: string | undefined,\n hasExplicitActiveItem = false,\n): boolean => {\n if (activeId != null) {\n return item.id === activeId;\n }\n\n if (typeof item.isActive === 'boolean') {\n return item.isActive;\n }\n\n if (hasExplicitActiveItem) {\n return false;\n }\n\n if (item.to != null && pathname != null) {\n return pathname === item.to;\n }\n\n return false;\n};\n\nexport const Tabs = (props: TabsProps): JSX.Element | null => {\n const {\n activeId,\n ariaLabel,\n children,\n className,\n items,\n layout = 'nav',\n onChange,\n panelClassName,\n variant = 'line',\n } = props;\n const { pathname } = useLocation();\n\n if (items.length === 0) {\n return null;\n }\n\n const hasNavigationItems = items.some((item) => {\n return item.to != null;\n });\n const isControlled = onChange != null && !hasNavigationItems;\n const hasExplicitActiveItem = items.some((item) => {\n return typeof item.isActive === 'boolean';\n });\n let rootClassName = styles.tabsRecipe({ variant });\n if (layout === 'nav') {\n rootClassName = cx(rootClassName, className);\n }\n\n const content = items.map((item) => {\n const { disabled, id, label, preloadOnHover, to } = item;\n const isActive = resolveItemIsActive(\n item,\n activeId,\n pathname,\n hasExplicitActiveItem,\n );\n\n type TabState = NonNullable<\n Parameters<typeof styles.tabRecipe>[0]\n >['state'];\n let tabState: TabState = 'default';\n if (disabled) {\n tabState = 'disabled';\n } else if (isActive) {\n tabState = 'active';\n }\n\n const tabClassName = styles.tabRecipe({ state: tabState, variant });\n let ariaDisabled: true | undefined;\n if (disabled) {\n ariaDisabled = true;\n }\n let ariaCurrent: 'page' | undefined;\n if (isActive && to != null) {\n ariaCurrent = 'page';\n }\n\n if (to != null) {\n let tabIndex: number | undefined;\n if (disabled) {\n tabIndex = -1;\n }\n\n const handleLinkClick = (event: MouseEvent<HTMLAnchorElement>) => {\n if (disabled) {\n event.preventDefault();\n }\n };\n\n return (\n <RouterLink\n key={id}\n exact\n aria-current={ariaCurrent}\n aria-disabled={ariaDisabled}\n className={tabClassName}\n to={to}\n preloadOnHover={preloadOnHover}\n tabIndex={tabIndex}\n onClick={handleLinkClick}\n >\n {label}\n </RouterLink>\n );\n }\n\n if (onChange != null) {\n return (\n <button\n key={id}\n type=\"button\"\n role=\"tab\"\n aria-selected={isActive}\n aria-disabled={ariaDisabled}\n className={tabClassName}\n disabled={disabled}\n onClick={() => {\n if (!disabled) {\n onChange(id);\n }\n }}\n >\n {label}\n </button>\n );\n }\n\n let staticAriaCurrent: 'page' | undefined;\n if (isActive) {\n staticAriaCurrent = 'page';\n }\n\n return (\n <span\n key={id}\n aria-current={staticAriaCurrent}\n aria-disabled={ariaDisabled}\n className={tabClassName}\n >\n {label}\n </span>\n );\n });\n\n const renderRoot = (): JSX.Element => {\n if (isControlled) {\n return (\n <div className={rootClassName} role=\"tablist\" aria-label={ariaLabel}>\n {content}\n </div>\n );\n }\n\n if (hasNavigationItems) {\n return (\n <nav aria-label={ariaLabel} className={rootClassName}>\n {content}\n </nav>\n );\n }\n\n return <div className={rootClassName}>{content}</div>;\n };\n\n const nav = renderRoot();\n\n if (layout !== 'content') {\n return nav;\n }\n\n const wrapperProps: HTMLAttributes<HTMLDivElement> = {\n className: cx(styles.wrapper, className),\n };\n\n return (\n <div {...wrapperProps}>\n <div className={styles.tabsBar}>\n <div className={styles.tabsInner}>{nav}</div>\n </div>\n <div className={styles.panels}>\n <section role=\"tabpanel\" className={cx(styles.panel, panelClassName)}>\n {children}\n </section>\n </div>\n </div>\n );\n};\n\nexport const __test = {\n resolveItemIsActive,\n} as const;\n"],"mappings":";;;;;;AAmBA,IAAM,IAAa,GAyBb,KACJ,GACA,GACA,GACA,IAAwB,OAEpB,KAAY,OAIZ,OAAO,EAAK,YAAa,YACpB,EAAK,WAGV,IACK,KAGL,EAAK,MAAM,QAAQ,KAAY,OAC1B,MAAa,EAAK,KAGpB,KAfE,EAAK,OAAO,GAkBV,KAAQ,MAAyC;CAC5D,IAAM,EACJ,aACA,cACA,aACA,cACA,UACA,YAAS,OACT,aACA,mBACA,aAAU,WACR,GACE,EAAE,gBAAa,EAAY;CAEjC,IAAI,EAAM,WAAW,GACnB,OAAO;CAGT,IAAM,IAAqB,EAAM,MAAM,MAC9B,EAAK,MAAM,IACnB,GACK,IAAe,KAAY,QAAQ,CAAC,GACpC,IAAwB,EAAM,MAAM,MACjC,OAAO,EAAK,YAAa,SACjC,GACG,IAAgB,EAAkB,EAAE,WAAQ,CAAC;CACjD,AAAI,MAAW,UACb,IAAgB,EAAG,GAAe,CAAS;CAG7C,IAAM,IAAU,EAAM,KAAK,MAAS;EAClC,IAAM,EAAE,aAAU,OAAI,UAAO,mBAAgB,UAAO,GAC9C,IAAW,EACf,GACA,GACA,GACA,CACF,GAKI,IAAqB;EACzB,AAAI,IACF,IAAW,aACF,MACT,IAAW;EAGb,IAAM,IAAe,EAAiB;GAAE,OAAO;GAAU;EAAQ,CAAC,GAC9D;EACJ,AAAI,MACF,IAAe;EAEjB,IAAI;EAKJ,IAJI,KAAY,KAAM,SACpB,IAAc,SAGZ,KAAM,MAAM;GACd,IAAI;GAWJ,OAVI,MACF,IAAW,KAUX,kBAAC,GAAD;IAEE,OAAA;IACA,gBAAc;IACd,iBAAe;IACf,WAAW;IACP;IACY;IACN;IACV,UAhBqB,MAAyC;KAChE,AAAI,KACF,EAAM,eAAe;IAEzB;cAcK;GACS,GAXL,CAWK;EAEhB;EAEA,IAAI,KAAY,MACd,OACE,kBAAC,UAAD;GAEE,MAAK;GACL,MAAK;GACL,iBAAe;GACf,iBAAe;GACf,WAAW;GACD;GACV,eAAe;IACb,AAAK,KACH,EAAS,CAAE;GAEf;aAEC;EACK,GAdD,CAcC;EAIZ,IAAI;EAKJ,OAJI,MACF,IAAoB,SAIpB,kBAAC,QAAD;GAEE,gBAAc;GACd,iBAAe;GACf,WAAW;aAEV;EACG,GANC,CAMD;CAEV,CAAC,GAsBK,IAnBA,IAEA,kBAAC,OAAD;EAAK,WAAW;EAAe,MAAK;EAAU,cAAY;YACvD;CACE,CAAA,IAIL,IAEA,kBAAC,OAAD;EAAK,cAAY;EAAW,WAAW;YACpC;CACE,CAAA,IAIF,kBAAC,OAAD;EAAK,WAAW;YAAgB;CAAa,CAAA;CAatD,OARI,MAAW,YASb,kBAAC,OAAD;EAJA,WAAW,EAAG,GAAgB,CAAS;YAIvC,CACE,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,OAAD;IAAK,WAAW;cAAmB;GAAS,CAAA;EACzC,CAAA,GACL,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,WAAD;IAAS,MAAK;IAAW,WAAW,EAAG,GAAc,CAAc;IAChE;GACM,CAAA;EACN,CAAA,CACF;MAjBE;AAmBX,GAEa,IAAS,EACpB,uBACF"}
|
|
@@ -6,7 +6,7 @@ export type TabItem = {
|
|
|
6
6
|
id: string;
|
|
7
7
|
label: ReactNode;
|
|
8
8
|
to?: LinkComponentProps['to'];
|
|
9
|
-
|
|
9
|
+
preloadOnHover?: LinkComponentProps['preloadOnHover'];
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
isActive?: boolean;
|
|
12
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/molecules/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAE7B,KAAK,GAAG,EACR,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAMnD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;AAEhF,KAAK,kBAAkB,GAAG,wBAAwB,CAAC,OAAO,IAAI,CAAC,CAAC;AAKhE,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC9B,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/molecules/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAE7B,KAAK,GAAG,EACR,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAMnD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;AAEhF,KAAK,kBAAkB,GAAG,wBAAwB,CAAC,OAAO,IAAI,CAAC,CAAC;AAKhE,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC9B,cAAc,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AA2BF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,KAAG,GAAG,CAAC,OAAO,GAAG,IAwKrD,CAAC;AAEF,eAAO,MAAM,MAAM;yCAlMX,OAAO,YACH,MAAM,GAAG,SAAS,YAClB,MAAM,GAAG,SAAS,sCAE3B,OAAO;CAgMA,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plumile/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.182",
|
|
4
4
|
"description": "Shared React UI primitives and theme for Kronex applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
"tslib": "^2.8.1"
|
|
166
166
|
},
|
|
167
167
|
"devDependencies": {
|
|
168
|
-
"@plumile/router": "^0.1.
|
|
168
|
+
"@plumile/router": "^0.1.182",
|
|
169
169
|
"@types/react": "19.2.17",
|
|
170
170
|
"@types/react-dom": "19.2.3",
|
|
171
171
|
"i18next": "26.3.1",
|
|
@@ -176,7 +176,7 @@
|
|
|
176
176
|
"typescript": "6.0.3"
|
|
177
177
|
},
|
|
178
178
|
"peerDependencies": {
|
|
179
|
-
"@plumile/router": "^0.1.
|
|
179
|
+
"@plumile/router": "^0.1.182",
|
|
180
180
|
"i18next": "^26.3.1",
|
|
181
181
|
"react": "^19.2.7",
|
|
182
182
|
"react-dom": "^19.2.7",
|