@arbor-education/design-system.components 3.1.0 → 3.2.0
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/.github/pull_request_template.md +4 -3
- package/CHANGELOG.md +10 -0
- package/CONTRIBUTING.md +1 -0
- package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.d.ts +2 -2
- package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.d.ts.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.js +0 -1
- package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.js.map +1 -1
- package/dist/components/formField/inputs/time/TimeInput.d.ts +1 -1
- package/dist/components/formField/inputs/time/TimeInput.stories.d.ts +1 -1
- package/dist/components/icon/Icon.d.ts.map +1 -1
- package/dist/components/icon/Icon.js +18 -3
- package/dist/components/icon/Icon.js.map +1 -1
- package/dist/components/icon/Icon.stories.d.ts +4 -2
- package/dist/components/icon/Icon.stories.d.ts.map +1 -1
- package/dist/components/icon/Icon.stories.js +150 -102
- package/dist/components/icon/Icon.stories.js.map +1 -1
- package/dist/components/icon/Icon.test.js +146 -6
- package/dist/components/icon/Icon.test.js.map +1 -1
- package/dist/components/icon/LucideIcon.d.ts +17 -0
- package/dist/components/icon/LucideIcon.d.ts.map +1 -0
- package/dist/components/icon/LucideIcon.js +73 -0
- package/dist/components/icon/LucideIcon.js.map +1 -0
- package/dist/components/icon/allowedIcons.d.ts +44 -108
- package/dist/components/icon/allowedIcons.d.ts.map +1 -1
- package/dist/components/icon/allowedIcons.js +52 -112
- package/dist/components/icon/allowedIcons.js.map +1 -1
- package/dist/components/icon/types.d.ts +5 -4
- package/dist/components/icon/types.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.d.ts +1 -1
- package/dist/components/tabs/Tabs.stories.d.ts +1 -1
- package/dist/components/tabs/Tabs.stories.js +1 -1
- package/dist/components/tabs/Tabs.stories.js.map +1 -1
- package/dist/components/tabs/TabsItem.d.ts +2 -2
- package/dist/components/tabs/TabsItem.d.ts.map +1 -1
- package/dist/components/tabs/TabsItem.stories.d.ts +5 -5
- package/dist/components/tabs/TabsItem.stories.d.ts.map +1 -1
- package/dist/components/tabs/TabsItem.stories.js +7 -4
- package/dist/components/tabs/TabsItem.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.tsx +2 -2
- package/src/components/icon/Icon.stories.tsx +224 -119
- package/src/components/icon/Icon.test.tsx +178 -6
- package/src/components/icon/Icon.tsx +25 -3
- package/src/components/icon/LucideIcon.tsx +94 -0
- package/src/components/icon/allowedIcons.tsx +67 -207
- package/src/components/icon/lucideDynamic.d.ts +13 -0
- package/src/components/icon/types.ts +5 -4
- package/src/components/tabs/Tabs.stories.tsx +1 -1
- package/src/components/tabs/TabsItem.stories.tsx +8 -4
- package/src/components/tabs/TabsItem.tsx +2 -2
|
@@ -1,121 +1,61 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { LucideIcon, lucideIconNames } from './LucideIcon.js';
|
|
3
3
|
import { AskArbor } from './customIcons/AskArbor.js';
|
|
4
4
|
import { CheckSolid } from './customIcons/CheckSolid.js';
|
|
5
5
|
import { Google } from './customIcons/Google.js';
|
|
6
6
|
import { XSolid } from './customIcons/XSolid.js';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
'
|
|
18
|
-
'
|
|
19
|
-
'
|
|
20
|
-
'
|
|
21
|
-
'
|
|
22
|
-
'
|
|
23
|
-
'
|
|
24
|
-
'
|
|
25
|
-
'
|
|
26
|
-
'
|
|
27
|
-
'
|
|
28
|
-
'
|
|
29
|
-
'
|
|
30
|
-
'
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
'clock-3': Clock3,
|
|
38
|
-
'cloud-upload': CloudUpload,
|
|
39
|
-
'copy': Copy,
|
|
40
|
-
'corner-down-left': CornerDownLeft,
|
|
41
|
-
'date': CalendarFold,
|
|
42
|
-
'dot': Dot,
|
|
43
|
-
'download': Download,
|
|
44
|
-
'ellipsis-vertical': EllipsisVertical,
|
|
45
|
-
'ellipsis': Ellipsis,
|
|
46
|
-
'expand': Expand,
|
|
47
|
-
'external-link': ExternalLink,
|
|
48
|
-
'eye-off': EyeOff,
|
|
49
|
-
'eye': Eye,
|
|
50
|
-
'favourite-outline': Star,
|
|
51
|
-
'file': File,
|
|
52
|
-
'files': Files,
|
|
53
|
-
'flag': Flag,
|
|
54
|
-
'funnel': Funnel,
|
|
55
|
-
'grab': GripVertical,
|
|
56
|
-
'graduation-cap': GraduationCap,
|
|
57
|
-
'grid-3x3': Grid3x3,
|
|
58
|
-
'group': UsersRound,
|
|
59
|
-
'guardians': Users,
|
|
60
|
-
'history': History,
|
|
61
|
-
'house': House,
|
|
62
|
-
'info': Info,
|
|
63
|
-
'iteration-ccw': IterationCcw,
|
|
64
|
-
'layout-list': LayoutList,
|
|
65
|
-
'lightbulb': Lightbulb,
|
|
66
|
-
'link': Link,
|
|
67
|
-
'list-filter-plus': ListFilterPlus,
|
|
68
|
-
'list': List,
|
|
69
|
-
'list-tree': ListTree,
|
|
70
|
-
'loader': LoaderCircle,
|
|
71
|
-
'lock-open': LockOpen,
|
|
72
|
-
'lock': Lock,
|
|
73
|
-
'log-out': LogOut,
|
|
74
|
-
'mail': Mail,
|
|
75
|
-
'menu': Menu,
|
|
76
|
-
'message-square-more': MessageSquareMore,
|
|
77
|
-
'mic': Mic,
|
|
78
|
-
'minus': Minus,
|
|
79
|
-
'monitor': Monitor,
|
|
80
|
-
'paint-bucket': PaintBucket,
|
|
81
|
-
'paperclip': Paperclip,
|
|
82
|
-
'party-popper': PartyPopper,
|
|
83
|
-
'pencil': Pencil,
|
|
84
|
-
'percent': Percent,
|
|
85
|
-
'phone': Phone,
|
|
86
|
-
'pin': Pin,
|
|
87
|
-
'plus': Plus,
|
|
88
|
-
'projector': Projector,
|
|
89
|
-
'redo': Redo2,
|
|
90
|
-
'save': Save,
|
|
91
|
-
'search': Search,
|
|
92
|
-
'send': Send,
|
|
93
|
-
'settings': Settings,
|
|
94
|
-
'share': Share,
|
|
95
|
-
'sheet': Sheet,
|
|
96
|
-
'shrink': Minimize2,
|
|
97
|
-
'sliders-horizontal': SlidersHorizontal,
|
|
98
|
-
'smartphone': Smartphone,
|
|
99
|
-
'sorting': ArrowDownUp,
|
|
100
|
-
'sparkles': Sparkles,
|
|
101
|
-
'staff': GraduationCap,
|
|
102
|
-
'switch-camera': SwitchCamera,
|
|
103
|
-
'table': Table,
|
|
104
|
-
'trash': Trash2,
|
|
105
|
-
'trending-down': TrendingDown,
|
|
106
|
-
'trending-up': TrendingUp,
|
|
107
|
-
'triangle-alert': TriangleAlert,
|
|
108
|
-
'undo': Undo2,
|
|
109
|
-
'upload': Upload,
|
|
110
|
-
'user': User,
|
|
111
|
-
'x': X,
|
|
112
|
-
'zap': Zap,
|
|
113
|
-
// custom icons
|
|
7
|
+
/**
|
|
8
|
+
* Arbor names that point at a differently-named Lucide icon. These take precedence over the Lucide
|
|
9
|
+
* name they shadow, so `trash` stays the lidded can (`trash-2`) rather than Lucide's plain `trash`.
|
|
10
|
+
* Seven of these — `grab`, `group`, `loader`, `redo`, `shrink`, `trash` and `undo` — shadow a real
|
|
11
|
+
* Lucide icon with a different glyph, which is deliberate: renaming them would break every existing
|
|
12
|
+
* consumer. Reach for the target name directly if you want Lucide's version.
|
|
13
|
+
*
|
|
14
|
+
* The `satisfies` clause makes every target a compile-time-checked Lucide icon name.
|
|
15
|
+
*/
|
|
16
|
+
export const iconAliases = {
|
|
17
|
+
'3-dot': 'ellipsis-vertical',
|
|
18
|
+
'circle-help': 'circle-question-mark',
|
|
19
|
+
'date': 'calendar-fold',
|
|
20
|
+
'favourite-outline': 'star',
|
|
21
|
+
'grab': 'grip-vertical',
|
|
22
|
+
'group': 'users-round',
|
|
23
|
+
'guardians': 'users',
|
|
24
|
+
'loader': 'loader-circle',
|
|
25
|
+
'redo': 'redo-2',
|
|
26
|
+
'shrink': 'minimize-2',
|
|
27
|
+
'sorting': 'arrow-down-up',
|
|
28
|
+
'staff': 'graduation-cap',
|
|
29
|
+
'trash': 'trash-2',
|
|
30
|
+
'undo': 'undo-2',
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Icons that are not plain Lucide glyphs: Arbor-specific artwork, and the solid variants built for
|
|
34
|
+
* particular semantic emphasis states.
|
|
35
|
+
*/
|
|
36
|
+
export const customIcons = {
|
|
114
37
|
'ask-arbor': AskArbor,
|
|
115
38
|
'google': Google,
|
|
116
|
-
|
|
117
|
-
'
|
|
118
|
-
'
|
|
119
|
-
'x-solid': (props) => _jsx(XSolid, { ...props }),
|
|
39
|
+
'check-solid': CheckSolid,
|
|
40
|
+
'favourite-filled': (props) => (_jsx(LucideIcon, { name: "star", ...props, fill: props.color })),
|
|
41
|
+
'x-solid': XSolid,
|
|
120
42
|
};
|
|
43
|
+
// `Object.keys` widens to `string[]`, so the key unions are reasserted here.
|
|
44
|
+
const aliasNames = Object.keys(iconAliases);
|
|
45
|
+
const customIconNames = Object.keys(customIcons);
|
|
46
|
+
/** Every name `Icon` accepts: the whole Lucide set, plus Arbor's aliases and custom icons. */
|
|
47
|
+
export const iconNames = [
|
|
48
|
+
...lucideIconNames,
|
|
49
|
+
...aliasNames,
|
|
50
|
+
...customIconNames,
|
|
51
|
+
];
|
|
52
|
+
/**
|
|
53
|
+
* The `Icon` name allow-list, as a plain object so that membership can be tested with
|
|
54
|
+
* `hasOwnProperty`. Prefer {@link isIconName}; the values carry no meaning and exist only to make
|
|
55
|
+
* this a record. Icon components are no longer held here — they are loaded on demand, so nothing
|
|
56
|
+
* outside a render has a component to hand out.
|
|
57
|
+
*/
|
|
58
|
+
export const allowedIcons = Object.freeze(Object.fromEntries(iconNames.map(name => [name, true])));
|
|
59
|
+
/** Narrows an arbitrary string to an `IconName`, for validating names that come from a backend. */
|
|
60
|
+
export const isIconName = (name) => Object.prototype.hasOwnProperty.call(allowedIcons, name);
|
|
121
61
|
//# sourceMappingURL=allowedIcons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allowedIcons.js","sourceRoot":"","sources":["../../../src/components/icon/allowedIcons.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"allowedIcons.js","sourceRoot":"","sources":["../../../src/components/icon/allowedIcons.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAuB,MAAM,iBAAiB,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,OAAO,EAAE,mBAAmB;IAC5B,aAAa,EAAE,sBAAsB;IACrC,MAAM,EAAE,eAAe;IACvB,mBAAmB,EAAE,MAAM;IAC3B,MAAM,EAAE,eAAe;IACvB,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,OAAO;IACpB,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,eAAe;IAC1B,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CAC2C,CAAC;AAE9D;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,WAAW,EAAE,QAAQ;IACrB,QAAQ,EAAE,MAAM;IAChB,aAAa,EAAE,UAAU;IACzB,kBAAkB,EAAE,CAAC,KAAsB,EAAE,EAAE,CAAC,CAC9C,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,KAAK,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,GAAI,CACzD;IACD,SAAS,EAAE,MAAM;CACiE,CAAC;AAOrF,6EAA6E;AAC7E,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAA4C,CAAC;AACvF,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAA4C,CAAC;AAE5F,8FAA8F;AAC9F,MAAM,CAAC,MAAM,SAAS,GAAwB;IAC5C,GAAG,eAAe;IAClB,GAAG,UAAU;IACb,GAAG,eAAe;CACnB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CACvC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CACpB,CAAC;AAEtC,mGAAmG;AACnG,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAoB,EAAE,CAC3D,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export declare const iconSizes: readonly [12, 16, 24];
|
|
2
2
|
export type IconSize = typeof iconSizes[number];
|
|
3
3
|
export type CustomIconProps = {
|
|
4
|
-
size: IconSize;
|
|
5
|
-
color?: string;
|
|
6
|
-
role?: string;
|
|
7
|
-
className?: string;
|
|
4
|
+
'size': IconSize;
|
|
5
|
+
'color'?: string;
|
|
6
|
+
'role'?: string;
|
|
7
|
+
'className'?: string;
|
|
8
|
+
'aria-hidden'?: boolean;
|
|
8
9
|
};
|
|
9
10
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/icon/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,uBAAwB,CAAC;AAC/C,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/icon/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,uBAAwB,CAAC;AAC/C,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,QAAQ,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC"}
|
|
@@ -5,7 +5,7 @@ export declare const Tabs: {
|
|
|
5
5
|
}): import("react").JSX.Element;
|
|
6
6
|
Item: (props: {
|
|
7
7
|
active?: boolean;
|
|
8
|
-
iconName?:
|
|
8
|
+
iconName?: import("../icon/allowedIcons.js").IconName;
|
|
9
9
|
} & (({
|
|
10
10
|
tabElement?: "button";
|
|
11
11
|
tabElementProps?: import("react").ButtonHTMLAttributes<HTMLButtonElement>;
|
|
@@ -8,7 +8,7 @@ declare const meta: {
|
|
|
8
8
|
}): import("react").JSX.Element;
|
|
9
9
|
Item: (props: {
|
|
10
10
|
active?: boolean;
|
|
11
|
-
iconName?:
|
|
11
|
+
iconName?: import("../icon/allowedIcons.js").IconName;
|
|
12
12
|
} & (({
|
|
13
13
|
tabElement?: "button";
|
|
14
14
|
tabElementProps?: import("react").ButtonHTMLAttributes<HTMLButtonElement>;
|
|
@@ -95,7 +95,7 @@ const DEVELOPER_NOTES = [
|
|
|
95
95
|
'| `active` | `boolean` | `false` | Marks this tab as selected — sets `aria-selected` and active styles |',
|
|
96
96
|
'| `tabElement` | `"button" \\| "link"` | `"button"` | Inner element type. `"button"` for JS-controlled tabs; `"link"` for anchor/router navigation |',
|
|
97
97
|
'| `tabElementProps` | `ButtonHTMLAttributes` or `AnchorHTMLAttributes` | — | Props forwarded to the inner `<button>` or `<a>`. Use `onClick` for state control; `href` for links |',
|
|
98
|
-
'| `iconName` | `
|
|
98
|
+
'| `iconName` | `IconName` | — | Optional icon rendered before the label text (16 px) |',
|
|
99
99
|
'| `children` | `ReactNode` | — | Tab label text |',
|
|
100
100
|
'| `className` | `string` | — | Extra CSS class on the `<li>` wrapper |',
|
|
101
101
|
'',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EACL,QAAQ,EACR,OAAO,IAAI,UAAU,EACrB,QAAQ,EACR,OAAO,IAAI,UAAU,EACrB,OAAO,EACP,QAAQ,EACR,KAAK,GACN,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,8EAA8E;AAC9E,oBAAoB;AACpB,8EAA8E;AAE9E,MAAM,iBAAiB,GAAG;IACxB,uFAAuF;IACvF,8EAA8E;IAC9E,yGAAyG;CAC1G,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,cAAc,GAAG;IACrB,iBAAiB;IACjB,EAAE;IACF,wGAAwG;IACxG,gGAAgG;IAChG,oGAAoG;IACpG,EAAE;IACF,KAAK;IACL,EAAE;IACF,qBAAqB;IACrB,EAAE;IACF,6BAA6B;IAC7B,WAAW;IACX,+FAA+F;IAC/F,2HAA2H;CAC5H,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,eAAe,GAAG;IACtB,8BAA8B;IAC9B,EAAE;IACF,4DAA4D;IAC5D,EAAE;IACF,QAAQ;IACR,mEAAmE;IACnE,mCAAmC;IACnC,EAAE;IACF,wBAAwB;IACxB,qDAAqD;IACrD,EAAE;IACF,YAAY;IACZ,YAAY;IACZ,6GAA6G;IAC7G,kBAAkB;IAClB,oBAAoB;IACpB,2GAA2G;IAC3G,iBAAiB;IACjB,oBAAoB;IACpB,iHAAiH;IACjH,oBAAoB;IACpB,oBAAoB;IACpB,aAAa;IACb,MAAM;IACN,GAAG;IACH,KAAK;IACL,EAAE;IACF,KAAK;IACL,EAAE;IACF,mCAAmC;IACnC,EAAE;IACF,iEAAiE;IACjE,4EAA4E;IAC5E,EAAE;IACF,QAAQ;IACR,QAAQ;IACR,uFAAuF;IACvF,cAAc;IACd,gBAAgB;IAChB,+EAA+E;IAC/E,aAAa;IACb,gBAAgB;IAChB,SAAS;IACT,KAAK;IACL,EAAE;IACF,6FAA6F;IAC7F,gGAAgG;IAChG,EAAE;IACF,KAAK;IACL,EAAE;IACF,yBAAyB;IACzB,EAAE;IACF,aAAa;IACb,EAAE;IACF,iEAAiE;IACjE,EAAE;IACF,yCAAyC;IACzC,mBAAmB;IACnB,yDAAyD;IACzD,gEAAgE;IAChE,EAAE;IACF,kBAAkB;IAClB,EAAE;IACF,yCAAyC;IACzC,mBAAmB;IACnB,0GAA0G;IAC1G,sJAAsJ;IACtJ,oLAAoL;IACpL,
|
|
1
|
+
{"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { IconName } from '../icon/allowedIcons.js';
|
|
2
2
|
import type { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes } from 'react';
|
|
3
3
|
type TabsItemProps = {
|
|
4
4
|
active?: boolean;
|
|
5
|
-
iconName?:
|
|
5
|
+
iconName?: IconName;
|
|
6
6
|
} & ({
|
|
7
7
|
tabElement?: 'button';
|
|
8
8
|
tabElementProps?: ButtonHTMLAttributes<HTMLButtonElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAExF,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,GAAG,CACA;IAAE,UAAU,CAAC,EAAE,QAAQ,CAAC;IAAC,eAAe,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;CAAE,GACpF;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;CAAE,CACnF,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEpC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,gCA4B5C,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import {
|
|
2
|
+
import type { IconName } from '../icon/allowedIcons.js';
|
|
3
3
|
declare function TabsItemDocsPage(): import("react").JSX.Element;
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
6
|
component: (props: {
|
|
7
7
|
active?: boolean;
|
|
8
|
-
iconName?:
|
|
8
|
+
iconName?: IconName;
|
|
9
9
|
} & (({
|
|
10
10
|
tabElement?: "button";
|
|
11
11
|
tabElementProps?: import("react").ButtonHTMLAttributes<HTMLButtonElement>;
|
|
@@ -16,7 +16,7 @@ declare const meta: {
|
|
|
16
16
|
tags: string[];
|
|
17
17
|
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
18
18
|
active?: boolean | undefined;
|
|
19
|
-
iconName?:
|
|
19
|
+
iconName?: IconName | undefined;
|
|
20
20
|
tabElement?: "button" | undefined;
|
|
21
21
|
tabElementProps?: import("react").ButtonHTMLAttributes<HTMLButtonElement> | undefined;
|
|
22
22
|
defaultChecked?: boolean | undefined | undefined;
|
|
@@ -287,7 +287,7 @@ declare const meta: {
|
|
|
287
287
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
|
|
288
288
|
} | {
|
|
289
289
|
active?: boolean | undefined;
|
|
290
|
-
iconName?:
|
|
290
|
+
iconName?: IconName | undefined;
|
|
291
291
|
tabElement?: "link" | undefined;
|
|
292
292
|
tabElementProps?: import("react").AnchorHTMLAttributes<HTMLAnchorElement> | undefined;
|
|
293
293
|
defaultChecked?: boolean | undefined | undefined;
|
|
@@ -603,7 +603,7 @@ declare const meta: {
|
|
|
603
603
|
};
|
|
604
604
|
iconName: {
|
|
605
605
|
control: "select";
|
|
606
|
-
options:
|
|
606
|
+
options: ("table" | "archive" | "chart-column-increasing" | "clipboard-list" | "house" | "mail" | "settings" | "sheet" | "user" | "date" | "guardians" | "staff")[];
|
|
607
607
|
description: string;
|
|
608
608
|
table: {
|
|
609
609
|
type: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TabsItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAM7D,iBAAS,gBAAgB,gCAmBxB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
|
|
@@ -2,7 +2,6 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Subtitle, Title, } from '@storybook/addon-docs/blocks';
|
|
3
3
|
import { TabsItem } from './TabsItem.js';
|
|
4
4
|
import { Tabs } from './Tabs.js';
|
|
5
|
-
import { allowedIcons } from '../icon/allowedIcons.js';
|
|
6
5
|
// ---------------------------------------------------------------------------
|
|
7
6
|
// Docs page
|
|
8
7
|
// ---------------------------------------------------------------------------
|
|
@@ -66,10 +65,14 @@ const meta = {
|
|
|
66
65
|
},
|
|
67
66
|
iconName: {
|
|
68
67
|
control: 'select',
|
|
69
|
-
|
|
70
|
-
|
|
68
|
+
// Any Icon name works; these are the ones that read well in a tab.
|
|
69
|
+
options: [
|
|
70
|
+
'house', 'user', 'guardians', 'staff', 'date', 'sheet', 'table', 'settings',
|
|
71
|
+
'chart-column-increasing', 'clipboard-list', 'mail', 'archive',
|
|
72
|
+
],
|
|
73
|
+
description: 'Optional icon rendered before the label text at 16 px. Accepts any `IconName`.',
|
|
71
74
|
table: {
|
|
72
|
-
type: { summary: '
|
|
75
|
+
type: { summary: 'IconName' },
|
|
73
76
|
defaultValue: { summary: 'undefined' },
|
|
74
77
|
},
|
|
75
78
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.stories.js","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,QAAQ,EACR,OAAO,IAAI,UAAU,EACrB,QAAQ,EACR,OAAO,IAAI,UAAU,EACrB,QAAQ,EACR,KAAK,GACN,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"TabsItem.stories.js","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.stories.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { IconName } from 'Components/icon/allowedIcons';
|
|
2
2
|
import { Icon } from 'Components/icon/Icon';
|
|
3
3
|
import { Dropdown } from 'Components/dropdown/Dropdown';
|
|
4
4
|
import classNames from 'classnames';
|
|
@@ -12,7 +12,7 @@ export type SelectDropdownItemBaseProps = {
|
|
|
12
12
|
export type SelectDropdownItemProps = {
|
|
13
13
|
value: string;
|
|
14
14
|
label?: string;
|
|
15
|
-
icon?:
|
|
15
|
+
icon?: IconName;
|
|
16
16
|
header?: string;
|
|
17
17
|
group?: string;
|
|
18
18
|
closeAfterSelection?: boolean;
|