@salt-ds/core 1.14.0 → 1.15.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.
Files changed (124) hide show
  1. package/css/salt-core.css +223 -1
  2. package/dist-cjs/index.js +14 -0
  3. package/dist-cjs/index.js.map +1 -1
  4. package/dist-cjs/navigation-item/ConditionalWrapper.js +35 -0
  5. package/dist-cjs/navigation-item/ConditionalWrapper.js.map +1 -0
  6. package/dist-cjs/navigation-item/ExpansionIcon.js +29 -0
  7. package/dist-cjs/navigation-item/ExpansionIcon.js.map +1 -0
  8. package/dist-cjs/navigation-item/NavigationItem.css.js +6 -0
  9. package/dist-cjs/navigation-item/NavigationItem.css.js.map +1 -0
  10. package/dist-cjs/navigation-item/NavigationItem.js +82 -0
  11. package/dist-cjs/navigation-item/NavigationItem.js.map +1 -0
  12. package/dist-cjs/pagination/CompactInput.css.js +6 -0
  13. package/dist-cjs/pagination/CompactInput.css.js.map +1 -0
  14. package/dist-cjs/pagination/CompactInput.js +67 -0
  15. package/dist-cjs/pagination/CompactInput.js.map +1 -0
  16. package/dist-cjs/pagination/CompactPaginator.css.js +6 -0
  17. package/dist-cjs/pagination/CompactPaginator.css.js.map +1 -0
  18. package/dist-cjs/pagination/CompactPaginator.js +87 -0
  19. package/dist-cjs/pagination/CompactPaginator.js.map +1 -0
  20. package/dist-cjs/pagination/GoToInput.css.js +6 -0
  21. package/dist-cjs/pagination/GoToInput.css.js.map +1 -0
  22. package/dist-cjs/pagination/GoToInput.js +92 -0
  23. package/dist-cjs/pagination/GoToInput.js.map +1 -0
  24. package/dist-cjs/pagination/PageButton.css.js +6 -0
  25. package/dist-cjs/pagination/PageButton.css.js.map +1 -0
  26. package/dist-cjs/pagination/PageButton.js +49 -0
  27. package/dist-cjs/pagination/PageButton.js.map +1 -0
  28. package/dist-cjs/pagination/PageRanges.css.js +6 -0
  29. package/dist-cjs/pagination/PageRanges.css.js.map +1 -0
  30. package/dist-cjs/pagination/PageRanges.js +78 -0
  31. package/dist-cjs/pagination/PageRanges.js.map +1 -0
  32. package/dist-cjs/pagination/Pagination.css.js +6 -0
  33. package/dist-cjs/pagination/Pagination.css.js.map +1 -0
  34. package/dist-cjs/pagination/Pagination.js +85 -0
  35. package/dist-cjs/pagination/Pagination.js.map +1 -0
  36. package/dist-cjs/pagination/PaginationContext.js +17 -0
  37. package/dist-cjs/pagination/PaginationContext.js.map +1 -0
  38. package/dist-cjs/pagination/Paginator.css.js +6 -0
  39. package/dist-cjs/pagination/Paginator.css.js.map +1 -0
  40. package/dist-cjs/pagination/Paginator.js +74 -0
  41. package/dist-cjs/pagination/Paginator.js.map +1 -0
  42. package/dist-cjs/pagination/usePagination.js +27 -0
  43. package/dist-cjs/pagination/usePagination.js.map +1 -0
  44. package/dist-cjs/pagination/usePaginationContext.js +19 -0
  45. package/dist-cjs/pagination/usePaginationContext.js.map +1 -0
  46. package/dist-cjs/scrim/Scrim.css.js +6 -0
  47. package/dist-cjs/scrim/Scrim.css.js.map +1 -0
  48. package/dist-cjs/scrim/Scrim.js +44 -0
  49. package/dist-cjs/scrim/Scrim.js.map +1 -0
  50. package/dist-cjs/toggle-button-group/ToggleButtonGroup.js +3 -2
  51. package/dist-cjs/toggle-button-group/ToggleButtonGroup.js.map +1 -1
  52. package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
  53. package/dist-es/index.js +7 -0
  54. package/dist-es/index.js.map +1 -1
  55. package/dist-es/navigation-item/ConditionalWrapper.js +31 -0
  56. package/dist-es/navigation-item/ConditionalWrapper.js.map +1 -0
  57. package/dist-es/navigation-item/ExpansionIcon.js +25 -0
  58. package/dist-es/navigation-item/ExpansionIcon.js.map +1 -0
  59. package/dist-es/navigation-item/NavigationItem.css.js +4 -0
  60. package/dist-es/navigation-item/NavigationItem.css.js.map +1 -0
  61. package/dist-es/navigation-item/NavigationItem.js +78 -0
  62. package/dist-es/navigation-item/NavigationItem.js.map +1 -0
  63. package/dist-es/pagination/CompactInput.css.js +4 -0
  64. package/dist-es/pagination/CompactInput.css.js.map +1 -0
  65. package/dist-es/pagination/CompactInput.js +63 -0
  66. package/dist-es/pagination/CompactInput.js.map +1 -0
  67. package/dist-es/pagination/CompactPaginator.css.js +4 -0
  68. package/dist-es/pagination/CompactPaginator.css.js.map +1 -0
  69. package/dist-es/pagination/CompactPaginator.js +83 -0
  70. package/dist-es/pagination/CompactPaginator.js.map +1 -0
  71. package/dist-es/pagination/GoToInput.css.js +4 -0
  72. package/dist-es/pagination/GoToInput.css.js.map +1 -0
  73. package/dist-es/pagination/GoToInput.js +88 -0
  74. package/dist-es/pagination/GoToInput.js.map +1 -0
  75. package/dist-es/pagination/PageButton.css.js +4 -0
  76. package/dist-es/pagination/PageButton.css.js.map +1 -0
  77. package/dist-es/pagination/PageButton.js +45 -0
  78. package/dist-es/pagination/PageButton.js.map +1 -0
  79. package/dist-es/pagination/PageRanges.css.js +4 -0
  80. package/dist-es/pagination/PageRanges.css.js.map +1 -0
  81. package/dist-es/pagination/PageRanges.js +74 -0
  82. package/dist-es/pagination/PageRanges.js.map +1 -0
  83. package/dist-es/pagination/Pagination.css.js +4 -0
  84. package/dist-es/pagination/Pagination.css.js.map +1 -0
  85. package/dist-es/pagination/Pagination.js +81 -0
  86. package/dist-es/pagination/Pagination.js.map +1 -0
  87. package/dist-es/pagination/PaginationContext.js +13 -0
  88. package/dist-es/pagination/PaginationContext.js.map +1 -0
  89. package/dist-es/pagination/Paginator.css.js +4 -0
  90. package/dist-es/pagination/Paginator.css.js.map +1 -0
  91. package/dist-es/pagination/Paginator.js +70 -0
  92. package/dist-es/pagination/Paginator.js.map +1 -0
  93. package/dist-es/pagination/usePagination.js +23 -0
  94. package/dist-es/pagination/usePagination.js.map +1 -0
  95. package/dist-es/pagination/usePaginationContext.js +15 -0
  96. package/dist-es/pagination/usePaginationContext.js.map +1 -0
  97. package/dist-es/scrim/Scrim.css.js +4 -0
  98. package/dist-es/scrim/Scrim.css.js.map +1 -0
  99. package/dist-es/scrim/Scrim.js +40 -0
  100. package/dist-es/scrim/Scrim.js.map +1 -0
  101. package/dist-es/toggle-button-group/ToggleButtonGroup.js +3 -2
  102. package/dist-es/toggle-button-group/ToggleButtonGroup.js.map +1 -1
  103. package/dist-es/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
  104. package/dist-types/index.d.ts +3 -0
  105. package/dist-types/navigation-item/ConditionalWrapper.d.ts +8 -0
  106. package/dist-types/navigation-item/ExpansionIcon.d.ts +2 -0
  107. package/dist-types/navigation-item/NavigationItem.d.ts +36 -0
  108. package/dist-types/navigation-item/index.d.ts +1 -0
  109. package/dist-types/pagination/CompactInput.d.ts +2 -0
  110. package/dist-types/pagination/CompactPaginator.d.ts +1 -0
  111. package/dist-types/pagination/GoToInput.d.ts +16 -0
  112. package/dist-types/pagination/PageButton.d.ts +6 -0
  113. package/dist-types/pagination/PageRanges.d.ts +5 -0
  114. package/dist-types/pagination/Pagination.d.ts +20 -0
  115. package/dist-types/pagination/PaginationContext.d.ts +7 -0
  116. package/dist-types/pagination/Paginator.d.ts +12 -0
  117. package/dist-types/pagination/index.d.ts +5 -0
  118. package/dist-types/pagination/usePagination.d.ts +2 -0
  119. package/dist-types/pagination/usePaginationContext.d.ts +1 -0
  120. package/dist-types/scrim/Scrim.d.ts +13 -0
  121. package/dist-types/scrim/index.d.ts +1 -0
  122. package/dist-types/toggle-button-group/ToggleButtonGroup.d.ts +3 -2
  123. package/dist-types/toggle-button-group/ToggleButtonGroupContext.d.ts +5 -3
  124. package/package.json +1 -1
@@ -0,0 +1,6 @@
1
+ export interface PageButtonProps {
2
+ page: number;
3
+ selected?: boolean;
4
+ disabled?: boolean;
5
+ }
6
+ export declare const PageButton: import("react").ForwardRefExoticComponent<PageButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,5 @@
1
+ export interface PageRangesProps {
2
+ boundaryCount?: number;
3
+ siblingCount?: number;
4
+ }
5
+ export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps): JSX.Element;
@@ -0,0 +1,20 @@
1
+ import { HTMLAttributes, SyntheticEvent } from "react";
2
+ export interface PaginationProps extends HTMLAttributes<HTMLElement> {
3
+ /**
4
+ * Number of pages.
5
+ */
6
+ count: number;
7
+ /**
8
+ * Current/active page.
9
+ */
10
+ page?: number;
11
+ /**
12
+ * Default current/active page.
13
+ */
14
+ defaultPage?: number;
15
+ /**
16
+ * Callback function triggered when current page changed.
17
+ */
18
+ onPageChange?: (event: SyntheticEvent, page: number) => void;
19
+ }
20
+ export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;
@@ -0,0 +1,7 @@
1
+ import { SyntheticEvent } from "react";
2
+ export interface PaginationContext {
3
+ page: number;
4
+ count: number;
5
+ onPageChange: (event: SyntheticEvent, page: number) => void;
6
+ }
7
+ export declare const paginationContext: import("react").Context<PaginationContext>;
@@ -0,0 +1,12 @@
1
+ import { HTMLAttributes } from "react";
2
+ export interface PaginatorProps extends HTMLAttributes<HTMLDivElement> {
3
+ /**
4
+ * Number of pages next to the arrow buttons when page range is truncated.
5
+ */
6
+ boundaryCount?: number;
7
+ /**
8
+ * Number of pages on each side of the current page when page range is truncated.
9
+ */
10
+ siblingCount?: number;
11
+ }
12
+ export declare const Paginator: import("react").ForwardRefExoticComponent<PaginatorProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,5 @@
1
+ export * from "./Pagination";
2
+ export * from "./Paginator";
3
+ export * from "./CompactInput";
4
+ export * from "./CompactPaginator";
5
+ export * from "./GoToInput";
@@ -0,0 +1,2 @@
1
+ export declare type PageRange = [number, number];
2
+ export declare function usePagination(page: number, count: number, boundaryCount: number, siblingCount: number): readonly [PageRange | undefined, PageRange, PageRange | undefined];
@@ -0,0 +1 @@
1
+ export declare const usePaginationContext: () => import("./PaginationContext").PaginationContext;
@@ -0,0 +1,13 @@
1
+ import { ComponentPropsWithoutRef } from "react";
2
+ export interface ScrimProps extends ComponentPropsWithoutRef<"div"> {
3
+ /**
4
+ * If `true` the scrim is bound to the document viewport.
5
+ * The default value of this prop is false, and the default behavior is for Scrim to be bound to its parent container (nearest positioned ancestor).
6
+ */
7
+ fixed?: boolean;
8
+ /**
9
+ * If `true` the scrim is shown.
10
+ */
11
+ open?: boolean;
12
+ }
13
+ export declare const Scrim: import("react").ForwardRefExoticComponent<ScrimProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export * from "./Scrim";
@@ -1,9 +1,10 @@
1
1
  import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
2
+ import { Value } from "./ToggleButtonGroupContext";
2
3
  export interface ToggleButtonGroupProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
3
4
  /**
4
5
  * The default value. Use when the component is not controlled.
5
6
  */
6
- defaultValue?: string | ReadonlyArray<string> | number | undefined;
7
+ defaultValue?: Value;
7
8
  /**
8
9
  * If `true`, the Toggle Button Group will be disabled.
9
10
  */
@@ -11,7 +12,7 @@ export interface ToggleButtonGroupProps extends Omit<ComponentPropsWithoutRef<"d
11
12
  /**
12
13
  * The value. Use when the component is controlled.
13
14
  */
14
- value?: string | ReadonlyArray<string> | number | undefined;
15
+ value?: Value;
15
16
  /**
16
17
  * Callback fired when the selection changes.
17
18
  * @param event
@@ -1,10 +1,12 @@
1
1
  import { SyntheticEvent } from "react";
2
+ export declare type Value = string | readonly string[] | number | undefined;
2
3
  export interface ToggleButtonGroupContextValue {
3
4
  disabled?: boolean;
4
5
  select: (event: SyntheticEvent<HTMLButtonElement>) => void;
5
- isSelected: (id: string | ReadonlyArray<string> | number | undefined) => boolean;
6
- focus: (id: string | ReadonlyArray<string> | number | undefined) => void;
7
- isFocused: (id: string | ReadonlyArray<string> | number | undefined) => boolean;
6
+ isSelected: (id: Value) => boolean;
7
+ focus: (id: Value) => void;
8
+ isFocused: (id: Value) => boolean;
9
+ orientation: "horizontal" | "vertical";
8
10
  }
9
11
  export declare const ToggleButtonGroupContext: import("react").Context<ToggleButtonGroupContextValue | undefined>;
10
12
  export declare function useToggleButtonGroup(): ToggleButtonGroupContextValue | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/core",
3
- "version": "1.14.0",
3
+ "version": "1.15.0",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",