From 132037ae787f96cc89130916aa8997167e03b803 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Fri, 13 Dec 2024 12:25:30 +0000 Subject: [PATCH] Version Packages --- .changeset/ag-cell-editors.md | 14 -- .changeset/little-lemons-laugh.md | 5 - .changeset/modern-chefs-knock.md | 5 - .changeset/tender-ads-learn.md | 213 --------------------------- packages/ag-grid-theme/CHANGELOG.md | 16 ++ packages/ag-grid-theme/package.json | 2 +- packages/core/CHANGELOG.md | 10 ++ packages/core/package.json | 2 +- packages/countries/CHANGELOG.md | 8 + packages/countries/package.json | 2 +- packages/data-grid/CHANGELOG.md | 10 ++ packages/data-grid/package.json | 2 +- packages/lab/CHANGELOG.md | 218 ++++++++++++++++++++++++++++ packages/lab/package.json | 2 +- 14 files changed, 267 insertions(+), 242 deletions(-) delete mode 100644 .changeset/ag-cell-editors.md delete mode 100644 .changeset/little-lemons-laugh.md delete mode 100644 .changeset/modern-chefs-knock.md delete mode 100644 .changeset/tender-ads-learn.md diff --git a/.changeset/ag-cell-editors.md b/.changeset/ag-cell-editors.md deleted file mode 100644 index ba2c0369690..00000000000 --- a/.changeset/ag-cell-editors.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -"@salt-ds/ag-grid-theme": minor ---- - -- Added theme support for several built-in ag grid provided editors - - `agLargeTextCellEditor` - - `agSelectCellEditor` - - `agRichSelectCellEditor` - - `agNumberCellEditor` - - `agDateStringCellEditor` -- Fixed `input` padding within `.editable-cell` during editing -- Fixed long text overflow within `.editable-cell` when focused - -Closes #4144 diff --git a/.changeset/little-lemons-laugh.md b/.changeset/little-lemons-laugh.md deleted file mode 100644 index 1f1fb1830f5..00000000000 --- a/.changeset/little-lemons-laugh.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@salt-ds/core": minor ---- - -Added `LockedIcon` and `InProgressIcon` to the default icon map in SemanticIconProvider. diff --git a/.changeset/modern-chefs-knock.md b/.changeset/modern-chefs-knock.md deleted file mode 100644 index a2b12a69f91..00000000000 --- a/.changeset/modern-chefs-knock.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@salt-ds/core": patch ---- - -Fixed Salt Provider in floating ui adding extra attributes to root when mixing styling options. diff --git a/.changeset/tender-ads-learn.md b/.changeset/tender-ads-learn.md deleted file mode 100644 index 4c0e44e81d0..00000000000 --- a/.changeset/tender-ads-learn.md +++ /dev/null @@ -1,213 +0,0 @@ ---- -"@salt-ds/lab": patch ---- - -Refactored SteppedTracker, added Step and useStepReducer - -The `SteppedTracker` is a component that helps you manage a series of steps in a process. It provides a way to navigate between steps, and to track the progress of the process. - -The `` is meant to be used in conjunction with the `` component and potentially the `useStepReducer()` hook. - -In it's simplest form the `SteppedTracker` can be used like so: - -```tsx -import { SteppedTracker, Step } from "@salt-ds/lab"; - -function Example() { - return ( - - - - - - ); -} -``` - -The SteppedTracker component supports nested steps, which can be used to represent sub-steps within a step. This can be done by nesting `` components within another `` component. We advise you not to go above 2 levels deep, as it becomes hard to follow for the user. - -```tsx -import { StackLayout } from "@salt-ds/core"; -import { Step, SteppedTracker } from "@salt-ds/lab"; - -export function NestedSteps() { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - ); -} -``` - -The `SteppedTracker` component is a purely presentational component, meaning that you need to manage the state of the steps yourself. That however becomes tricky when dealing with nested steps. This is where the `useStepReducer()` hook comes in. It is a custom hook that helps you manage the state of a `SteppedTracker` component with nested steps with ease. It has a built-in algorithm that determines the stage of all steps above and below the active step. All you need to do is add `stage: 'active'` to the desired step (see `step-3-3` in the hook example below), the hook will figure out the rest. This is what we call `autoStage`. - -Migrating from the previous SteppedTracker API - -Before: - -```tsx -function Before() { - return ( - - - Step One - - - Step Two - - - Step Three - - - Step Four - - - ); -} -``` - -After: - -```tsx -function After() { - return ( - - - - - - - ); -} -``` - -Before: - -```tsx -function Before() { - return ( - - - Step 1 - - - Step 1.1 - - - Step 1.2 - - - Step 1.3 - - - Step 2 - - - Step 3 - - - Step 3.1 - - - Step 3.2 - - - Step 3.3 - - - Step 3.4 - - - Step 4 - - - ); -} -``` - -After - -```tsx -function After() { - return ( - - - - - - - - - - - - - - - - ); -} -``` - -or you can utilize the hook for nested scenarios, such as the one above - -```tsx -import { Step, SteppedTracker, useStepReducer } from "@salt-ds/lab"; - -export function AfterWithHook() { - const [state, dispatch] = useStepReducer([ - { - key: "step-1", - label: "Step 1", - substeps: [ - { key: "step-1-1", label: "Step 1.1" }, - { key: "step-1-2", label: "Step 1.2" }, - { key: "step-1-3", label: "Step 1.3" }, - ], - }, - { key: "step-2", label: "Step 2" }, - { - key: "step-3", - label: "Step 3", - substeps: [ - { key: "step-3-1", label: "Step 3.1" }, - { key: "step-3-2", label: "Step 3.2" }, - { key: "step-3-3", label: "Step 3.3", stage: "active" }, - { key: "step-3-4", label: "Step 3.4" }, - ], - }, - { key: "step-4", label: "Step 4" }, - ]); - - return ( - - - {state.steps.map((step) => ( - - ))} - - - ); -} -``` diff --git a/packages/ag-grid-theme/CHANGELOG.md b/packages/ag-grid-theme/CHANGELOG.md index 36a047d77fa..a64ae3e4c9b 100644 --- a/packages/ag-grid-theme/CHANGELOG.md +++ b/packages/ag-grid-theme/CHANGELOG.md @@ -1,5 +1,21 @@ # @salt-ds/ag-grid-theme +## 2.3.0 + +### Minor Changes + +- 2719afb: - Added theme support for several built-in ag grid provided editors + + - `agLargeTextCellEditor` + - `agSelectCellEditor` + - `agRichSelectCellEditor` + - `agNumberCellEditor` + - `agDateStringCellEditor` + - Fixed `input` padding within `.editable-cell` during editing + - Fixed long text overflow within `.editable-cell` when focused + + Closes #4144 + ## 2.2.0 ### Minor Changes diff --git a/packages/ag-grid-theme/package.json b/packages/ag-grid-theme/package.json index a144021670a..18b22cdf59a 100644 --- a/packages/ag-grid-theme/package.json +++ b/packages/ag-grid-theme/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/ag-grid-theme", - "version": "2.2.0", + "version": "2.3.0", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md index a915518df2e..d8b5420e3ec 100644 --- a/packages/core/CHANGELOG.md +++ b/packages/core/CHANGELOG.md @@ -1,5 +1,15 @@ # @salt-ds/core +## 1.38.0 + +### Minor Changes + +- 86d2a28: Added `LockedIcon` and `InProgressIcon` to the default icon map in SemanticIconProvider. + +### Patch Changes + +- dedbade: Fixed Salt Provider in floating ui adding extra attributes to root when mixing styling options. + ## 1.37.3 ### Patch Changes diff --git a/packages/core/package.json b/packages/core/package.json index fb4a8a125ab..0ad3f9bfc71 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/core", - "version": "1.37.3", + "version": "1.38.0", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/countries/CHANGELOG.md b/packages/countries/CHANGELOG.md index e7c66fe5dbb..28abf446eab 100644 --- a/packages/countries/CHANGELOG.md +++ b/packages/countries/CHANGELOG.md @@ -1,5 +1,13 @@ # @salt-ds/countries +## 1.4.4 + +### Patch Changes + +- Updated dependencies [86d2a28] +- Updated dependencies [dedbade] + - @salt-ds/core@1.38.0 + ## 1.4.3 ### Patch Changes diff --git a/packages/countries/package.json b/packages/countries/package.json index 87e7593c156..634a97d8a3f 100644 --- a/packages/countries/package.json +++ b/packages/countries/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/countries", - "version": "1.4.3", + "version": "1.4.4", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/data-grid/CHANGELOG.md b/packages/data-grid/CHANGELOG.md index 27671849469..80af79009f0 100644 --- a/packages/data-grid/CHANGELOG.md +++ b/packages/data-grid/CHANGELOG.md @@ -1,5 +1,15 @@ # @salt-ds/data-grid +## 1.0.10 + +### Patch Changes + +- Updated dependencies [86d2a28] +- Updated dependencies [dedbade] +- Updated dependencies [86d2a28] + - @salt-ds/core@1.38.0 + - @salt-ds/lab@1.0.0-alpha.58 + ## 1.0.9 ### Patch Changes diff --git a/packages/data-grid/package.json b/packages/data-grid/package.json index c05211b1e91..ccadcc2830d 100644 --- a/packages/data-grid/package.json +++ b/packages/data-grid/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/data-grid", - "version": "1.0.9", + "version": "1.0.10", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/lab/CHANGELOG.md b/packages/lab/CHANGELOG.md index de9cfa8525d..9214ff022bb 100644 --- a/packages/lab/CHANGELOG.md +++ b/packages/lab/CHANGELOG.md @@ -1,5 +1,223 @@ # @salt-ds/lab +## 1.0.0-alpha.58 + +### Patch Changes + +- 86d2a28: Refactored SteppedTracker, added Step and useStepReducer + + The `SteppedTracker` is a component that helps you manage a series of steps in a process. It provides a way to navigate between steps, and to track the progress of the process. + + The `` is meant to be used in conjunction with the `` component and potentially the `useStepReducer()` hook. + + In it's simplest form the `SteppedTracker` can be used like so: + + ```tsx + import { SteppedTracker, Step } from "@salt-ds/lab"; + + function Example() { + return ( + + + + + + ); + } + ``` + + The SteppedTracker component supports nested steps, which can be used to represent sub-steps within a step. This can be done by nesting `` components within another `` component. We advise you not to go above 2 levels deep, as it becomes hard to follow for the user. + + ```tsx + import { StackLayout } from "@salt-ds/core"; + import { Step, SteppedTracker } from "@salt-ds/lab"; + + export function NestedSteps() { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + ); + } + ``` + + The `SteppedTracker` component is a purely presentational component, meaning that you need to manage the state of the steps yourself. That however becomes tricky when dealing with nested steps. This is where the `useStepReducer()` hook comes in. It is a custom hook that helps you manage the state of a `SteppedTracker` component with nested steps with ease. It has a built-in algorithm that determines the stage of all steps above and below the active step. All you need to do is add `stage: 'active'` to the desired step (see `step-3-3` in the hook example below), the hook will figure out the rest. This is what we call `autoStage`. + + Migrating from the previous SteppedTracker API + + Before: + + ```tsx + function Before() { + return ( + + + Step One + + + Step Two + + + Step Three + + + Step Four + + + ); + } + ``` + + After: + + ```tsx + function After() { + return ( + + + + + + + ); + } + ``` + + Before: + + ```tsx + function Before() { + return ( + + + Step 1 + + + Step 1.1 + + + Step 1.2 + + + Step 1.3 + + + Step 2 + + + Step 3 + + + Step 3.1 + + + Step 3.2 + + + Step 3.3 + + + Step 3.4 + + + Step 4 + + + ); + } + ``` + + After + + ```tsx + function After() { + return ( + + + + + + + + + + + + + + + + ); + } + ``` + + or you can utilize the hook for nested scenarios, such as the one above + + ```tsx + import { Step, SteppedTracker, useStepReducer } from "@salt-ds/lab"; + + export function AfterWithHook() { + const [state, dispatch] = useStepReducer([ + { + key: "step-1", + label: "Step 1", + substeps: [ + { key: "step-1-1", label: "Step 1.1" }, + { key: "step-1-2", label: "Step 1.2" }, + { key: "step-1-3", label: "Step 1.3" }, + ], + }, + { key: "step-2", label: "Step 2" }, + { + key: "step-3", + label: "Step 3", + substeps: [ + { key: "step-3-1", label: "Step 3.1" }, + { key: "step-3-2", label: "Step 3.2" }, + { key: "step-3-3", label: "Step 3.3", stage: "active" }, + { key: "step-3-4", label: "Step 3.4" }, + ], + }, + { key: "step-4", label: "Step 4" }, + ]); + + return ( + + + {state.steps.map((step) => ( + + ))} + + + ); + } + ``` + +- Updated dependencies [86d2a28] +- Updated dependencies [dedbade] + - @salt-ds/core@1.38.0 + ## 1.0.0-alpha.57 ### Patch Changes diff --git a/packages/lab/package.json b/packages/lab/package.json index cea3ad86e60..feac8ef5733 100644 --- a/packages/lab/package.json +++ b/packages/lab/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/lab", - "version": "1.0.0-alpha.57", + "version": "1.0.0-alpha.58", "license": "Apache-2.0", "repository": { "type": "git",