@opengovsg/oui 0.0.44 → 0.0.45

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.
Files changed (90) hide show
  1. package/dist/cjs/banner/banner.cjs +1 -1
  2. package/dist/cjs/checkbox/checkbox.cjs +1 -1
  3. package/dist/cjs/combo-box/combo-box.cjs +1 -1
  4. package/dist/cjs/date-field/date-field.cjs +1 -1
  5. package/dist/cjs/date-picker/date-picker.cjs +4 -5
  6. package/dist/cjs/date-range-picker/date-range-picker.cjs +3 -3
  7. package/dist/cjs/file-dropzone/file-dropzone.cjs +2 -2
  8. package/dist/cjs/file-dropzone/file-info.cjs +1 -1
  9. package/dist/cjs/index.cjs +88 -74
  10. package/dist/cjs/modal/modal-content.cjs +1 -1
  11. package/dist/cjs/number-field/number-field.cjs +2 -2
  12. package/dist/cjs/range-calendar/range-calendar.cjs +1 -1
  13. package/dist/cjs/search-field/search-field.cjs +2 -2
  14. package/dist/cjs/select/select.cjs +2 -2
  15. package/dist/cjs/sidebar/context.cjs +24 -0
  16. package/dist/cjs/sidebar/i18n.cjs +23 -0
  17. package/dist/cjs/sidebar/index.cjs +17 -0
  18. package/dist/cjs/sidebar/sidebar-header.cjs +40 -0
  19. package/dist/cjs/sidebar/sidebar-item.cjs +61 -0
  20. package/dist/cjs/sidebar/sidebar-list.cjs +213 -0
  21. package/dist/cjs/sidebar/sidebar-root.cjs +63 -0
  22. package/dist/cjs/sidebar/sidebar.cjs +31 -0
  23. package/dist/cjs/sidebar/types.cjs +3 -0
  24. package/dist/cjs/sidebar/utils.cjs +12 -0
  25. package/dist/cjs/tag-field/tag-field.cjs +1 -1
  26. package/dist/cjs/text-area-field/text-area-field.cjs +1 -1
  27. package/dist/cjs/text-field/text-field.cjs +1 -1
  28. package/dist/cjs/time-field/time-field.cjs +2 -2
  29. package/dist/cjs/tooltip/index.cjs +9 -0
  30. package/dist/cjs/tooltip/tooltip.cjs +54 -0
  31. package/dist/esm/banner/banner.js +1 -1
  32. package/dist/esm/checkbox/checkbox.js +1 -1
  33. package/dist/esm/combo-box/combo-box.js +1 -1
  34. package/dist/esm/date-field/date-field.js +1 -1
  35. package/dist/esm/date-picker/date-picker.js +4 -5
  36. package/dist/esm/date-range-picker/date-range-picker.js +3 -3
  37. package/dist/esm/file-dropzone/file-dropzone.js +2 -2
  38. package/dist/esm/file-dropzone/file-info.js +1 -1
  39. package/dist/esm/index.js +31 -25
  40. package/dist/esm/modal/modal-content.js +1 -1
  41. package/dist/esm/number-field/number-field.js +2 -2
  42. package/dist/esm/range-calendar/range-calendar.js +1 -1
  43. package/dist/esm/search-field/search-field.js +2 -2
  44. package/dist/esm/select/select.js +2 -2
  45. package/dist/esm/sidebar/context.js +17 -0
  46. package/dist/esm/sidebar/i18n.js +21 -0
  47. package/dist/esm/sidebar/index.js +6 -0
  48. package/dist/esm/sidebar/sidebar-header.js +38 -0
  49. package/dist/esm/sidebar/sidebar-item.js +59 -0
  50. package/dist/esm/sidebar/sidebar-list.js +211 -0
  51. package/dist/esm/sidebar/sidebar-root.js +61 -0
  52. package/dist/esm/sidebar/sidebar.js +28 -0
  53. package/dist/esm/sidebar/types.js +1 -0
  54. package/dist/esm/sidebar/utils.js +9 -0
  55. package/dist/esm/tag-field/tag-field.js +1 -1
  56. package/dist/esm/text-area-field/text-area-field.js +1 -1
  57. package/dist/esm/text-field/text-field.js +1 -1
  58. package/dist/esm/time-field/time-field.js +2 -2
  59. package/dist/esm/tooltip/index.js +2 -0
  60. package/dist/esm/tooltip/tooltip.js +51 -0
  61. package/dist/types/index.d.mts +2 -0
  62. package/dist/types/index.d.ts +2 -0
  63. package/dist/types/index.d.ts.map +1 -1
  64. package/dist/types/sidebar/context.d.ts +22 -0
  65. package/dist/types/sidebar/context.d.ts.map +1 -0
  66. package/dist/types/sidebar/i18n.d.ts +19 -0
  67. package/dist/types/sidebar/i18n.d.ts.map +1 -0
  68. package/dist/types/sidebar/index.d.ts +7 -0
  69. package/dist/types/sidebar/index.d.ts.map +1 -0
  70. package/dist/types/sidebar/sidebar-header.d.ts +6 -0
  71. package/dist/types/sidebar/sidebar-header.d.ts.map +1 -0
  72. package/dist/types/sidebar/sidebar-item.d.ts +3 -0
  73. package/dist/types/sidebar/sidebar-item.d.ts.map +1 -0
  74. package/dist/types/sidebar/sidebar-list.d.ts +3 -0
  75. package/dist/types/sidebar/sidebar-list.d.ts.map +1 -0
  76. package/dist/types/sidebar/sidebar-root.d.ts +17 -0
  77. package/dist/types/sidebar/sidebar-root.d.ts.map +1 -0
  78. package/dist/types/sidebar/sidebar.d.ts +8 -0
  79. package/dist/types/sidebar/sidebar.d.ts.map +1 -0
  80. package/dist/types/sidebar/types.d.ts +48 -0
  81. package/dist/types/sidebar/types.d.ts.map +1 -0
  82. package/dist/types/sidebar/utils.d.ts +4 -0
  83. package/dist/types/sidebar/utils.d.ts.map +1 -0
  84. package/dist/types/system/react-utils/children.d.ts +1 -2
  85. package/dist/types/system/react-utils/children.d.ts.map +1 -1
  86. package/dist/types/tooltip/index.d.ts +2 -0
  87. package/dist/types/tooltip/index.d.ts.map +1 -0
  88. package/dist/types/tooltip/tooltip.d.ts +16 -0
  89. package/dist/types/tooltip/tooltip.d.ts.map +1 -0
  90. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA"}
@@ -0,0 +1,22 @@
1
+ import type { TooltipProps, TooltipTriggerComponentProps } from "react-aria-components";
2
+ import type { SidebarSlots, sidebarStyles, SlotsToClasses } from "@opengovsg/oui-theme";
3
+ export interface UseProvideSidebarStylesReturn {
4
+ slots: ReturnType<typeof sidebarStyles>;
5
+ classNames?: SlotsToClasses<SidebarSlots>;
6
+ }
7
+ export declare const SidebarStyleContext: import("react").Context<UseProvideSidebarStylesReturn>, useSidebarStyleContext: () => UseProvideSidebarStylesReturn;
8
+ export interface SidebarCollapseContextProps {
9
+ isCollapsed: boolean;
10
+ setCollapsed?: (collapsed: boolean) => void;
11
+ tooltipProps?: Partial<TooltipProps>;
12
+ tooltipTriggerProps?: Partial<TooltipTriggerComponentProps>;
13
+ }
14
+ export type SidebarCollapseContextReturn = SidebarCollapseContextProps;
15
+ export declare const SidebarCollapseContext: import("react").Context<SidebarCollapseContextProps>, useSidebarCollapseContext: () => SidebarCollapseContextProps;
16
+ export interface SidebarNestContextProps {
17
+ isNested: boolean;
18
+ isExpanded: boolean;
19
+ }
20
+ export type SidebarNestContextReturn = SidebarNestContextProps;
21
+ export declare const SidebarNestContext: import("react").Context<SidebarNestContextProps | undefined>, useSidebarNestContext: () => SidebarNestContextProps | undefined;
22
+ //# sourceMappingURL=context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/sidebar/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,4BAA4B,EAC7B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,cAAc,EACf,MAAM,sBAAsB,CAAA;AAI7B,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;CAC1C;AAED,eAAO,MAAO,mBAAmB,0DAAE,sBAAsB,qCAGrD,CAAA;AAEJ,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAE3C,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAA;CAC5D;AAED,MAAM,MAAM,4BAA4B,GAAG,2BAA2B,CAAA;AAEtE,eAAO,MAAO,sBAAsB,wDAAE,yBAAyB,mCAG3D,CAAA;AAEJ,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG,uBAAuB,CAAA;AAE9D,eAAO,MAAO,kBAAkB,gEAAE,qBAAqB,2CAOrD,CAAA"}
@@ -0,0 +1,19 @@
1
+ export declare const i18nStrings: {
2
+ "en-SG": {
3
+ "Expand sidebar section": string;
4
+ "Collapse sidebar section": string;
5
+ };
6
+ "zh-SG": {
7
+ "Expand sidebar section": string;
8
+ "Collapse sidebar section": string;
9
+ };
10
+ "ms-SG": {
11
+ "Expand sidebar section": string;
12
+ "Collapse sidebar section": string;
13
+ };
14
+ "ta-SG": {
15
+ "Expand sidebar section": string;
16
+ "Collapse sidebar section": string;
17
+ };
18
+ };
19
+ //# sourceMappingURL=i18n.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/sidebar/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBI,CAAA"}
@@ -0,0 +1,7 @@
1
+ export * from "./sidebar";
2
+ export * from "./sidebar-root";
3
+ export * from "./sidebar-item";
4
+ export * from "./sidebar-list";
5
+ export * from "./sidebar-header";
6
+ export type { SidebarItemProps, SidebarListProps, SidebarHeaderProps, GeneratedSidebarItem, } from "./types";
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sidebar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,SAAS,CAAA"}
@@ -0,0 +1,6 @@
1
+ export declare const SidebarHeader: import("../system/utils").InternalForwardRefRenderFunction<"div", {
2
+ startContent?: React.ReactNode;
3
+ endContent?: React.ReactNode;
4
+ tooltip?: string;
5
+ }, never>;
6
+ //# sourceMappingURL=sidebar-header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar-header.d.ts","sourceRoot":"","sources":["../../../src/sidebar/sidebar-header.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa;mBAJY,MAAO,SAAS;iBACjD,MAAO,SAAS;;SA2BpB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import type { SidebarItemProps } from "./types";
2
+ export declare const SidebarItem: import("../system/utils").InternalForwardRefRenderFunction<"li", SidebarItemProps, never>;
3
+ //# sourceMappingURL=sidebar-item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../src/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAU/C,eAAO,MAAM,WAAW,2FAsDvB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import type { SidebarListProps } from "./types";
2
+ export declare const SidebarList: import("../system/utils").InternalForwardRefRenderFunction<"li", SidebarListProps, never>;
3
+ //# sourceMappingURL=sidebar-list.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar-list.d.ts","sourceRoot":"","sources":["../../../src/sidebar/sidebar-list.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AA+G/C,eAAO,MAAM,WAAW,2FAsFvB,CAAA"}
@@ -0,0 +1,17 @@
1
+ import type { PropsWithChildren } from "react";
2
+ import type { TooltipProps, TooltipTriggerComponentProps } from "react-aria-components";
3
+ import type { SidebarSlots, SidebarVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
4
+ export interface SidebarRootProps extends PropsWithChildren<SidebarVariantProps> {
5
+ className?: string;
6
+ classNames?: SlotsToClasses<SidebarSlots>;
7
+ /** Whether the sidebar is collapsed (controlled). */
8
+ isCollapsed?: boolean;
9
+ /** Whether the sidebar is collapsed by default (uncontrolled). */
10
+ defaultCollapsed?: boolean;
11
+ /** Handler that is called when the sidebar's collapsed state changes. */
12
+ onCollapsedChange?: (isCollapsed: boolean) => void;
13
+ tooltipProps?: Partial<TooltipProps>;
14
+ tooltipTriggerProps?: Partial<TooltipTriggerComponentProps>;
15
+ }
16
+ export declare const SidebarRoot: ({ className, classNames, defaultCollapsed, onCollapsedChange, tooltipProps, tooltipTriggerProps, ...originalProps }: SidebarRootProps) => import("react/jsx-runtime").JSX.Element;
17
+ //# sourceMappingURL=sidebar-root.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar-root.d.ts","sourceRoot":"","sources":["../../../src/sidebar/sidebar-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EACV,YAAY,EACZ,4BAA4B,EAC7B,MAAM,uBAAuB,CAAA;AAI9B,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAM7B,MAAM,WAAW,gBACf,SAAQ,iBAAiB,CAAC,mBAAmB,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAEzC,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAA;IAElD,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAA;CAC5D;AAED,eAAO,MAAM,WAAW,wHAQrB,gBAAgB,4CAuClB,CAAA"}
@@ -0,0 +1,8 @@
1
+ import type { SidebarRootProps } from "./sidebar-root";
2
+ import type { GeneratedSidebarItem } from "./types";
3
+ export declare const generateSidebarItems: (items: GeneratedSidebarItem[]) => import("react/jsx-runtime").JSX.Element[];
4
+ export interface SidebarProps extends SidebarRootProps {
5
+ items: GeneratedSidebarItem[];
6
+ }
7
+ export declare const Sidebar: ({ items, ...props }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=sidebar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/sidebar/sidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAQnD,eAAO,MAAM,oBAAoB,UAAW,oBAAoB,EAAE,8CAgBjE,CAAA;AAED,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,KAAK,EAAE,oBAAoB,EAAE,CAAA;CAC9B;AAED,eAAO,MAAM,OAAO,wBAAyB,YAAY,4CAGxD,CAAA"}
@@ -0,0 +1,48 @@
1
+ import type { LinkProps } from "react-aria-components";
2
+ type BaseSidebarItemProps = {
3
+ startContent?: React.ReactNode;
4
+ endContent?: React.ReactNode;
5
+ /**
6
+ * Will be used as the accessible label when the sidebar is collapsed
7
+ */
8
+ tooltip?: string;
9
+ };
10
+ export interface SidebarItemProps extends BaseSidebarItemProps, LinkProps {
11
+ /** Whether the element is currently selected */
12
+ isSelected?: boolean | (() => boolean);
13
+ }
14
+ export type SidebarHeaderProps = BaseSidebarItemProps;
15
+ export interface SidebarListProps extends SidebarItemProps {
16
+ label: React.ReactNode;
17
+ /** Controlled state for expansion of section */
18
+ isExpanded?: boolean;
19
+ /** Uncontrolled state for expansion of section */
20
+ defaultIsExpanded?: boolean;
21
+ /** Controlled callback for when section's expansion state changes */
22
+ onExpand?: (nextState: boolean) => void;
23
+ /** Only allow toggling of expand state when clicking the caret.
24
+ * Could be useful if user wants to use the list item as a link.
25
+ *
26
+ * @default false
27
+ */
28
+ onlyCaretToggle?: boolean;
29
+ children: React.ReactNode;
30
+ /**
31
+ * Props to be passed to the link component when the sidebar list is used as a link.
32
+ * @note Will not be used if `onlyCaretToggle` is false, since the entire list item will be a trigger for the expansion.
33
+ */
34
+ linkProps?: LinkProps;
35
+ }
36
+ interface GeneratedBase extends BaseSidebarItemProps, Pick<SidebarItemProps, "isSelected"> {
37
+ }
38
+ export interface GeneratedItem extends GeneratedBase, SidebarItemProps {
39
+ }
40
+ export interface GeneratedHeader extends SidebarHeaderProps {
41
+ type: "header";
42
+ }
43
+ export interface GeneratedList extends Omit<GeneratedBase, "children">, SidebarListProps {
44
+ subItems: (GeneratedList | GeneratedItem | GeneratedHeader)[];
45
+ }
46
+ export type GeneratedSidebarItem = GeneratedList | GeneratedItem | GeneratedHeader;
47
+ export {};
48
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/sidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEtD,KAAK,oBAAoB,GAAG;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,SAAS;IACvE,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAA;CACvC;AAED,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAA;AAErD,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,UAAU,aACR,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC;CAAG;AAC3C,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,gBAAgB;CAAG;AACzE,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,IAAI,EAAE,QAAQ,CAAA;CACf;AACD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,EACrC,gBAAgB;IAClB,QAAQ,EAAE,CAAC,aAAa,GAAG,aAAa,GAAG,eAAe,CAAC,EAAE,CAAA;CAC9D;AAED,MAAM,MAAM,oBAAoB,GAC5B,aAAa,GACb,aAAa,GACb,eAAe,CAAA"}
@@ -0,0 +1,4 @@
1
+ import type { GeneratedHeader, GeneratedList, GeneratedSidebarItem } from "./types";
2
+ export declare const isNestableItem: (item: GeneratedSidebarItem) => item is GeneratedList;
3
+ export declare const isHeaderItem: (item: GeneratedSidebarItem) => item is GeneratedHeader;
4
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/sidebar/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,cAAc,SACnB,oBAAoB,KACzB,IAAI,IAAI,aAEV,CAAA;AACD,eAAO,MAAM,YAAY,SACjB,oBAAoB,KACzB,IAAI,IAAI,eAEV,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import type { ReactNode } from "react";
2
- type ChildrenOrFunction<T> = ReactNode | ((values: T) => ReactNode);
2
+ export type ChildrenOrFunction<T> = ReactNode | ((values: T) => ReactNode);
3
3
  /**
4
4
  * Gets only the valid children of a component,
5
5
  * and ignores any nullish or falsy child.
@@ -9,5 +9,4 @@ type ChildrenOrFunction<T> = ReactNode | ((values: T) => ReactNode);
9
9
  export declare function getValidChildren(children: React.ReactNode): React.ReactElement[];
10
10
  export declare const pickChildren: <T = ReactNode>(children: T | undefined, targetChild: React.ElementType) => [T | undefined, T[] | undefined];
11
11
  export declare const renderChildren: <T>(renderProps: T, children: ChildrenOrFunction<T>) => ReactNode;
12
- export {};
13
12
  //# sourceMappingURL=children.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"children.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/children.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,kBAAkB,CAAC,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC,CAAA;AAEnE;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAGnD,KAAK,CAAC,YAAY,EAAE,CAC1B;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,wBAClB,CAAC,GAAG,SAAS,eACV,KAAK,CAAC,WAAW,KAC7B,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAiBjC,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,eACjB,CAAC,YACJ,kBAAkB,CAAC,CAAC,CAAC,cAOhC,CAAA"}
1
+ {"version":3,"file":"children.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/children.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC,CAAA;AAE1E;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAGnD,KAAK,CAAC,YAAY,EAAE,CAC1B;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,wBAClB,CAAC,GAAG,SAAS,eACV,KAAK,CAAC,WAAW,KAC7B,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAiBjC,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,eACjB,CAAC,YACJ,kBAAkB,CAAC,CAAC,CAAC,cAOhC,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from "./tooltip";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
@@ -0,0 +1,16 @@
1
+ import type { TooltipProps as AriaTooltipProps, TooltipRenderProps, TooltipTriggerComponentProps } from "react-aria-components";
2
+ import type { SlotsToClassesWithRenderProps, TooltipSlots, TooltipVariantProps } from "@opengovsg/oui-theme";
3
+ export interface TooltipProps extends Omit<AriaTooltipProps, "children">, TooltipVariantProps {
4
+ children: React.ReactNode;
5
+ /**
6
+ * Whether to show the arrow pointing to the trigger element.
7
+ * @default true
8
+ */
9
+ showArrow?: boolean;
10
+ classNames?: SlotsToClassesWithRenderProps<TooltipSlots, TooltipRenderProps>;
11
+ }
12
+ export declare function Tooltip(originalProps: TooltipProps): import("react/jsx-runtime").JSX.Element;
13
+ export interface TooltipTriggerProps extends TooltipTriggerComponentProps {
14
+ }
15
+ export declare function TooltipTrigger(props: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
16
+ //# sourceMappingURL=tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,IAAI,gBAAgB,EAChC,kBAAkB,EAClB,4BAA4B,EAC7B,MAAM,uBAAuB,CAAA;AAO9B,OAAO,KAAK,EACV,6BAA6B,EAC7B,YAAY,EACZ,mBAAmB,EACpB,MAAM,sBAAsB,CAAA;AAK7B,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EACxC,mBAAmB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,UAAU,CAAC,EAAE,6BAA6B,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAA;CAC7E;AAED,wBAAgB,OAAO,CAAC,aAAa,EAAE,YAAY,2CA+ClD;AAGD,MAAM,WAAW,mBAAoB,SAAQ,4BAA4B;CAAG;AAE5E,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAExD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui",
3
- "version": "0.0.44",
3
+ "version": "0.0.45",
4
4
  "sideEffects": false,
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "type": "module",
@@ -50,11 +50,11 @@
50
50
  "storybook": "10.1.10",
51
51
  "tsx": "^4.21.0",
52
52
  "typescript": "5.7.3",
53
- "@opengovsg/oui-theme": "0.0.44",
53
+ "@opengovsg/oui-theme": "0.0.45",
54
54
  "@oui/chromatic": "0.0.0",
55
+ "@oui/prettier-config": "0.0.0",
55
56
  "@oui/eslint-config": "0.0.0",
56
- "@oui/typescript-config": "0.0.0",
57
- "@oui/prettier-config": "0.0.0"
57
+ "@oui/typescript-config": "0.0.0"
58
58
  },
59
59
  "dependencies": {
60
60
  "@internationalized/date": "^3.10.1",
@@ -88,7 +88,7 @@
88
88
  "motion": ">=11.12.0 || >=12.0.0-alpha.1",
89
89
  "react": ">= 18",
90
90
  "react-aria-components": "^1.14.0",
91
- "@opengovsg/oui-theme": "0.0.44"
91
+ "@opengovsg/oui-theme": "0.0.45"
92
92
  },
93
93
  "scripts": {
94
94
  "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",