Release Date: October 18, 2024
##  **New Features**
### Features on Plateau Studio
- In the application, **organization group** and **organization** information is now displayed on the user profile screen.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.17/ViewOrgInfoInApp.png" />
- **Logout Endpoint** field added to **oAuth section in AppSettings**. **The IAM Logout Endpoint is used** to log users out of an application and invalidate their session. This is typically done by calling a specific URL endpoint provided by the **Identity and Access Management (IAM)** service.
::: warning
**For now, it is only available for mobile usage. Stay tuned for the further developments.**
:::
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.17/LogoutEndpoint.PNG" width="640" />
### Features on UI Editor
- **noTitle, headerColor, titleDateFormat** prop added to the **InlineDatePicker component**.
- **noTitle**: Hides the picker title.
- **noTitle**: Defines the header color.
- **titleDateFormat**: Allows you to customize the date string format that appears in the title of the date picker.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.17/VInlineDatePicker_titleDateFormat.png" width="200" height="250" />
- **setProps** method added to the **QrCode component** that you can change the values of **size, content, level props**.
- **Rounded** prop added to **VInlineTimePicker component** for users who do not have active style tab.
- Collapsible structure implemented to the **BoxShadow component**.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.17/boxShadowCollapse.gif" width="640" />
- **HMAC algorithm** added to Cryptography Hash operations.
```js
let hashRequest: IHashDataRequest = {
algorithm: HashAlgorithm.HMACSHA384,
data: "DataToHashed",
key: "token"
}
quick.cryptography.hash(hashRequest);
```
- **Folder deleting feature** added if there is a file in the **Styled Component** folder.
- **transitionStyle** parameter added to **quick.Quick.goNative()** method. **transitionStyle** refers to the way the animations are applied when there are changes in the user interface. When you navigate from one activity to another, you can define custom animations for how views enter and exit the screen.
This can include effects like fading, sliding, or scaling views.
> goNative({ code, param, transitionStyle }: { code: string; param?: Record<string, any>; transitionStyle?: MobileAnimation; }):
### Features on Plateau Mobile
**iOS**
-
-
**Android**
- **goNative method** added to allow you to navigate to a native pages of a shell application. This method also supports **transitionStyle**, enabling animation on page transitions.
##  **Bug Fixes**
### Fixes on Plateau Studio & UI Editor
- **Studio Performance Enhancements**
- Improvements made to the slowness problem experienced in opening large applications in Plateau Studio. Version 2 improvement supported with Cache will be released in the next release.
- Optimizations in rendering processes have reduced CPU and memory usage. These improvements enhance performance both in the development environment and during application runtime, addressing some crash issues experienced in the Plateau Studio environment.
- It's ensured that if the page that is the **Start Page is duplicated**, the copied page is not the Start Page. This corrects the issue of 2 startpages appearing.
- The **loading animation** selection issue on the **appSettings** screen, resolved.
- **Cache times in the model's history** corrected to guide the user correctly.
- The problem that the **Container Services File** content added under "UI Settings" in Plateau Studio is not reflected in the Editor, solved.
- In the project where IAM was logged in with a different realm, after logging in with the selected realm, it was ensured that the selected realm was continued in the login when F5 refresh was made.
- The extra space at the end of the **TextField component's creditcard** format, removed.
::: warning
- There is a change in the **components.myCreditCardText.qValue** value. **The empty character at the end will no longer exist**. If a transaction performed according to the qValue value, it should be checked.
- There is no change in the **components.myCreditCardText.getUnmaskedValue()** value.
:::
- The issue of **changes not being updated** when **saving in Monaco**, fixed.
- The issue where characters that do not comply with the format could be used in the **email format**, fixed.
- The restriction on using the **“-” character when duplicating pages**, removed.
- The issue in the application versioning process where selecting a previous page version would always return the latest version instead of the selected one, resolved.
### Fixes on Style Editor & Component Styles
Several style and component related issues fixed and features enhanced in this version release:
#### Fixes on Style Editor
- The issue where adding a border to the **VCarousel component** appeared white in the style tab but rendered as black in the UI fixed by setting the **default border color** to black.
- The issue of some font values not working properly, resolved.
- **Margin and Padding style fields** now shows default vuetify values.
- **Font weight** values in text style fields in the **Autocomplete** component, fixed.
- **Default border** color values in the **Radio** and **RadioGroup** components, fixed.
- The issue where the **border default color** was correct in the **Datepicker component**, fixed.
- The problem of the style tab not opening due to the ghost size of the **VProgressCircular** component, fixed.
#### Fixes on Components
- The **accept prop of the FileInput** component was set after opening the page.
- The issue where the **combinedFont** value would be empty when the color setting was changed in the **Label component**, resolved.
- The issue where the tab state did not remain constant when switching between components, fixed.
- The box-shadow problem that occurred when using double inset in the **VStepper Component**, fixed.
- The problem of not opening tabs in **Styled Components** has been fixed.
- **validation** implemented for the **Checkbox component**.
- The issue where the hex code was #fff in ColorPicker, resolved.
- The issue where components in the Editor could be selected while a dialog in an Event was open, fixed.
- A new input validation structure implemented for the **VInlineTimePicker** component. This prevents users from entering **non-alphanumeric characters and invalid time formats**, ensuring only valid time inputs are accepted.
- A character limit added to the **PhoneInput component** based on the selected country, preventing excess input.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.17/ScopedSlotCheckbox.png" width="640" />
- The issue where **external color settings could not be applied** to the **scpoed slot child checkboxes** under the **Datatable component** has been resolved. Although the data appeared correctly on the screen, the checkboxes under the datatable were not accessible for color customization and changes were not visible on the Legend Component. This functionality is **now working as expected**, and coloring can be applied.
### Fixes on Plateau Mobile
**iOS**
-
-
**Android**
-
-