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/perfect-icons-whisper.md b/.changeset/perfect-icons-whisper.md deleted file mode 100644 index c6479f5211c..00000000000 --- a/.changeset/perfect-icons-whisper.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -"@salt-ds/ag-grid-theme": patch -"@salt-ds/countries": patch -"@salt-ds/icons": patch -"@salt-ds/theme": patch -"@salt-ds/core": patch -"@salt-ds/lab": patch ---- - -Marked CSS files as having side effects. This fixes Webpack tree-shaking CSS files when `sideEffects: true` is not set on style-loader rules. diff --git a/.changeset/stupid-worms-learn.md b/.changeset/stupid-worms-learn.md deleted file mode 100644 index d627d098da0..00000000000 --- a/.changeset/stupid-worms-learn.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@salt-ds/lab": patch ---- - -Fixed DatePicker showing overlay when `readOnly`. Closes #4470. 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..8a5db200f21 100644 --- a/packages/ag-grid-theme/CHANGELOG.md +++ b/packages/ag-grid-theme/CHANGELOG.md @@ -1,5 +1,27 @@ # @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 + +### Patch Changes + +- 0a5b68b: Marked CSS files as having side effects. This fixes Webpack tree-shaking CSS files when `sideEffects: true` is not set on style-loader rules. +- Updated dependencies [0a5b68b] + - @salt-ds/theme@1.23.4 + ## 2.2.0 ### Minor Changes diff --git a/packages/ag-grid-theme/package.json b/packages/ag-grid-theme/package.json index a5fb4238257..fff05e4ffae 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..b81eddf50f7 100644 --- a/packages/core/CHANGELOG.md +++ b/packages/core/CHANGELOG.md @@ -1,5 +1,18 @@ # @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. +- 0a5b68b: Marked CSS files as having side effects. This fixes Webpack tree-shaking CSS files when `sideEffects: true` is not set on style-loader rules. +- Updated dependencies [0a5b68b] + - @salt-ds/icons@1.13.1 + ## 1.37.3 ### Patch Changes diff --git a/packages/core/package.json b/packages/core/package.json index 22027299d87..13056d7c3e5 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..c4c79e55385 100644 --- a/packages/countries/CHANGELOG.md +++ b/packages/countries/CHANGELOG.md @@ -1,5 +1,15 @@ # @salt-ds/countries +## 1.4.4 + +### Patch Changes + +- 0a5b68b: Marked CSS files as having side effects. This fixes Webpack tree-shaking CSS files when `sideEffects: true` is not set on style-loader rules. +- Updated dependencies [86d2a28] +- Updated dependencies [dedbade] +- Updated dependencies [0a5b68b] + - @salt-ds/core@1.38.0 + ## 1.4.3 ### Patch Changes diff --git a/packages/countries/package.json b/packages/countries/package.json index 78d6537b360..d2e73f670f1 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..3cd39e11790 100644 --- a/packages/data-grid/CHANGELOG.md +++ b/packages/data-grid/CHANGELOG.md @@ -1,5 +1,18 @@ # @salt-ds/data-grid +## 1.0.10 + +### Patch Changes + +- Updated dependencies [86d2a28] +- Updated dependencies [dedbade] +- Updated dependencies [0a5b68b] +- Updated dependencies [a9edf03] +- Updated dependencies [86d2a28] + - @salt-ds/core@1.38.0 + - @salt-ds/icons@1.13.1 + - @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/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index e5e8950b0ce..a37ee54956e 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @salt-ds/icons +## 1.13.1 + +### Patch Changes + +- 0a5b68b: Marked CSS files as having side effects. This fixes Webpack tree-shaking CSS files when `sideEffects: true` is not set on style-loader rules. + ## 1.13.0 ### Minor Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index d9d47d48b29..acf6e510d0f 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/icons", - "version": "1.13.0", + "version": "1.13.1", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/lab/CHANGELOG.md b/packages/lab/CHANGELOG.md index de9cfa8525d..6774916a567 100644 --- a/packages/lab/CHANGELOG.md +++ b/packages/lab/CHANGELOG.md @@ -1,5 +1,227 @@ # @salt-ds/lab +## 1.0.0-alpha.58 + +### Patch Changes + +- 0a5b68b: Marked CSS files as having side effects. This fixes Webpack tree-shaking CSS files when `sideEffects: true` is not set on style-loader rules. +- a9edf03: Fixed DatePicker showing overlay when `readOnly`. Closes #4470. +- 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] +- Updated dependencies [0a5b68b] + - @salt-ds/core@1.38.0 + - @salt-ds/icons@1.13.1 + ## 1.0.0-alpha.57 ### Patch Changes diff --git a/packages/lab/package.json b/packages/lab/package.json index dc9f78cf106..d64281d129b 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", diff --git a/packages/theme/CHANGELOG.md b/packages/theme/CHANGELOG.md index e1960688d8b..ffed5896913 100644 --- a/packages/theme/CHANGELOG.md +++ b/packages/theme/CHANGELOG.md @@ -1,5 +1,11 @@ # @salt-ds/theme +## 1.23.4 + +### Patch Changes + +- 0a5b68b: Marked CSS files as having side effects. This fixes Webpack tree-shaking CSS files when `sideEffects: true` is not set on style-loader rules. + ## 1.23.3 ### Patch Changes diff --git a/packages/theme/package.json b/packages/theme/package.json index cd10694866b..5b4410c3897 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/theme", - "version": "1.23.3", + "version": "1.23.4", "license": "Apache-2.0", "repository": { "type": "git",