LF 18.2 #2998

jeremie-lucca · 2024-08-02T13:30:45Z

Description

Actions required to update

Table sorted import

@forward '@lucca-front/scss/src/components/indexTableSorted';
@forward '@lucca-front/scss/src/components/tableSorted';

must be replaced by

@forward '@lucca-front/scss/src/components/tableSortable';

Users

userTileStyle mixin import was removed by default to save weight and replaced by a SCSS component. We suggest to replace the mixin import by importing User Tile component (Angular or HTML (🚧 Add link)) or fix it with the deprecated import:

@use "@lucca-front/ng/src/definitions/user/user-tile";

🚧 Snippet UI change
userPictureStyle & userPictureVars mixins import were removed for the same reason. We suggest to replace mixins import by importing Avatar (HTML) / User Picture (Angular) (🚧 Add link) component or fix it with the deprecated import:

@use "@lucca-front/ng/src/definitions/user/user-picture";

Select optionKey

On all classes that extend ALuCoreSelectApiDirective, apps have to apps have to implement optionKey method:

class MyDirective extends ALuCoreSelectApiDirective {
	protected override optionKey = (option: T) => option.id;
}

Divider UI spacings

Divider vertical spacing was reduced from 1.5rem to 0.25rem to fit with Figma component.
We suggest to edit margins on divider's surrounding components, but if you need to quickly upgrade, it's possible to override divider margin to avoid UI breakings:

:root {
	--components-divider-margin: var(--pr-t-spacings-300);
}

🤖 Schematics

[Empty state] Remplace title input by heading to avoid browsers native interpretation feat(schematics): add empty-state-heading migration #2955

🎉 Features

[Phone number] New Angular component feat(forms): new phone number input component #3022
[Multi language] New Angular component i18n-text-input #2890
[PLG push] New Angular & HTML component feat(plgPush): add new component and all stories #2911
[Number format] New Angular component to format values & units Intl.NumberFormat: Add models, functions, pipe, directive and FormField input #2847
[View tabs] New HTML component New component: viewTabs #2498
[Timepicker] Supports AM/PM display depending on LOCALE_ID feat(time-picker): AM/PM support #2888
[Popover (New)] Supports hover + focus trigger feat(popover2): hover+focus trigger mode #2895
[Table sortable] New HTML sub-component dedicated to Table & Index table indexTable sortable #2858
[Inline message] Supports portalContent InlineMessage with PortalContent #2947
[Dialog] Supports dialogs opening through routes feat(dialog-routing): Open dialog through routes #2901
[Tooltip] Add option to prevent screen readers restitution if not needed Add option luTooltipOnlyForDisplay for tooltips #2974
[Page header] Supports "back" button Back button for page header #2948
[Icons] Add Medical, Arrow line bottom & Arrow line top icons [Icons] Add medical + arrow line #2975

🎨 Visual changes

[User tile] Title and description positions were inverted and padding was removed to fit with Figma [User tile] Move NG style in CSS package #2940
[Toasts] Improve toasts positioning when the page contains a footer Toast position when footer is present #2916
- Note: It currently only works on basic footer usage. Extra work will be required to cover responsive & footers with custom height.
[Colors] Replace neutral 600 by neutral 700 on textfields and apply disabled variable on a bunch of components Change disabled colors #2966
[Dialogs] Fix footer clipping on Safari Fix footer on dialogs with Safari #2933
[Status badge] Fix vertical alignment in Table [Status badge] Fix vertical alignement in tables #2986
[Divider] Reduce margin and switch icon color from neutral 500 to neutral 600 [Divider] Fix margins & icon color #3018
[Empty state] Keep text padding only on Section [Emptystate] Fix page mod content padding #3031

🚑 Fixes

[Popover (New)] Resize component after content changed feat(popover2): handled popover2 resize after content changed #2991
[Index table] Improve links to cover right/middle click Show index table link #2838
[Simple & Multi select] 💥 optionKey is mandatory on ApiDirectives ref(core-select)!: optionKey is mandatory on ApiDirectives #2950
[Date] Date adapter should not be overridden fix(date): date adapter format should not be overridden #2971
[Tooltip] Prevent Safari native tooltip when text is ellipsed Remove tooltip generated by Safari desktop #2958
[Simple & Multi select] Fix former employees query fix(core-select): fix former employees param for users core select #2997

💬 Translations

[Translations] Global translation review and improvements chore(ng): update translations #2973

🔨 Technical

[User picture / Avatar] refactor style and support HTML component [Avatar] Move style in SCSS #3015
[Checkbox & Radio] Use grid display on triggers to avoid absolute positioning Replace absolute position with grid #2935
[Colors] Add 0 value to palettes Deprecated for black and white – Add neutral 0 #2921
[Empty states] Replace title input by heading to avoid browsers native interpretation Replace title with heading #2946

📖 Documentation

[Radio] Add technical documentation docs(radio-input): add base usage docs #2922

💀 Deprecated

Colors variables

--colors-white-color / --colors-black-color colors Deprecated for black and white – Add neutral 0 #2921
--colors-white-color must be replaced by --palettes-neutral-0 or --pr-t-elevation-surface-raised depending if color refer to a surface or not.
--colors-black-color must be replaced by --palettes-neutral-900.

Table

.columnSticky is replaced by .stickyColumn (duplicate) columnSticky is deprecated #2928
.table-head-row-cell-sortableButton, .indexTable-head-row-cell-sortableButton, .table-head-row-cell.mod-sortable, .table-head-row-cell.sortedAscending & .table-head-row-cell.sortedDescending are replaced by a single tableSortable sub-component for Table and Index Table.

Users

User tile Mixin userTileStyle is replaced by HTML component import: @forward '@lucca-front/scss/src/components/userTile';
User picture / Avatar Mixin userPictureStyle & userPictureVars are replaced by HTML component import: @forward '@lucca-front/scss/src/components/userTile';

Utilities

.u-textLeft, .u-textCenter & .u-textRight are deprecated and replaced by .u-textAlignLeft, .u-textAlignCenter & .u-textAlignRight for consistency.

All information related to deprecated elements

[18.1] Update RC

… formatted numbers

…rMask

… component

[18.1.1] Update RC

…ve values

…eat/number-format-field

Intl.NumberFormat: Add models, functions, pipe, directive and FormField input

CCNET-iLucca · 2024-08-07T15:15:09Z

Tests d'interfaces

* feat(dialog-routing): add dialog routing + story * feat(dialog-routing): fix test * feat(dialog-routing): update story * feat(dialog-routing): fix wrongly edited routerLink in story

LuccaIntegration · 2024-08-08T13:59:27Z

👩‍🍳 https://lucca-front.lucca.tech/PR-2998/storybook

CCNET-iLucca · 2024-08-08T14:03:56Z

Tests d'interfaces

LuccaIntegration · 2024-08-09T13:42:32Z

👩‍🍳 https://lucca-front.lucca.tech/PR-2998/storybook

CCNET-iLucca · 2024-08-09T13:48:11Z

Tests d'interfaces

* i18n-text-input * feat(i18n-text-input): add model manipulation and CVA * chore(i18n-text-input): better Intl implementation * chore(i18n-text-input): remove cultureName from story * chore(i18n-text-input): performance improvements * rename component * feat(multilanguage-input): new validator and check functions * feat(multilanguage-input): support disabled state * fix conflict * chore(multilanguage-input): migrate structure to localize and add tooltip on button * chore(multilanguage-input): put tooltip on button not icon * fix optional classes * fix lint error * fix lint error * remove size applied by default * Icon size with mod-S * Update docs/dialog.md Co-authored-by: Fabien Basmaison <144820795+fbasmaison-lucca@users.noreply.github.com> * Update packages/ng/forms/multilanguage-input/multilanguage-input.component.scss Co-authored-by: Fabien Basmaison <144820795+fbasmaison-lucca@users.noreply.github.com> --------- Co-authored-by: Flavien Normand <contact@flavien-normand.fr> Co-authored-by: Jérémie Biron <jbiron@luccasoftware.com> Co-authored-by: Fabien Basmaison <144820795+fbasmaison-lucca@users.noreply.github.com>

* indexTable sortable * linter * step 2 * cleaning * tableSorted > tableSortable * cleaning legacy

* rewrite user tile as CSS component * user tile NG package > css * add documentation story * update usertile ng component * remove old user tile scss * cleanup --------- Co-authored-by: Vincent Valentin <vvalentin@luccasoftware.com>

* rewrite user tile as CSS component * user tile NG package > css * add documentation story * update usertile ng component * remove old user tile scss * avatar basic refactor * legacy * Plug in ng component * clean up * clean up * DOM rework * remove default import + fix conflit issue * Fix potential breaking with placeholder & put back inline-block display * apply mixin on the right class

…gain and again (#3023)

* feat(popover2): new input to remove a11y close button & enable that in i18n input * add control to the story --------- Co-authored-by: Flavien Normand <contact@flavien-normand.fr>

* chore(phone-number): init component * feat(forms): new phone number input #2882 * chore(phone-number-input): add missing prefix on pipe * basic inputs UI * feat(phone-number): add country and prefix search * feat(phone-number): add country flags (TODO: align & spacing) * chore(phone-number): make search case insensitive * chore(phone-number): select displayer should show flag only * UI * a11y * chore: fix CI build * label englobant * chore: imports fix * chore(phone-number-input): switch to its own entry point * chore(phone-number-input): remove unneeded try/catch block * chore(phone-number-input): fix deep import --------- Co-authored-by: Jérémie Biron <jbiron@luccasoftware.com> Co-authored-by: Vincent Valentin <vvalentin@luccasoftware.com>

* inlineMessage-statusIcon * portalContent * cleanup * stories * feedbacks * cleanup * portalContent

[18.2] Fix conflicts

LuccaIntegration · 2024-08-22T15:00:36Z

👩‍🍳 https://lucca-front.lucca.tech/PR-2998/storybook

CCNET-iLucca · 2024-08-22T15:04:45Z

Tests d'interfaces

jeremie-lucca and others added 30 commits June 19, 2024 16:43

Merge pull request #2873 from LuccaSA/18.1-update-rc

c0b6fb7

[18.1] Update RC

feat(numberFormat): models, functions, pipe, directive, formField for…

49f1781

… formatted numbers

feat(numberFormat): handle single minusSign in directive input event

a0204c5

feat(numberFormat): cleanup input event listener

22bf42c

feat(numberFormat): based on "Intl number input" library

0ca63e9

feat(numberFormat): based on "Intl number input" library

66cc943

feat(numberFormat): remove autoDecimalDigits & AutoDecimalDigitsNumbe…

50d83b1

…rMask

feat(numberFormat): refacto number-format models, directive and input…

92eaafe

… component

feat(numberFormat): fix build

e2714f1

feat(numberFormat): add min/max

1ede444

feat(numberFormat): add stories for currency/unit/percent

3f028b5

feat(numberFormat): fix division on percent value

c2bf34f

feat(numberFormat): refacto

7279bab

test(numberFormat): parse

8c20080

test(numberFormat): suffix and prefix

4361fdb

feat(numberFormat): auto suffix and prefix are not used by default

f4856a1

test(numberFormat): test focus and blur format

1290c88

Merge pull request #2899 from LuccaSA/update.rc.18.1.1

e337f51

[18.1.1] Update RC

fix(numberFormat): min max behave differently for percent values

c207399

Story settings

2d3e789

fix(numberFormat): should use minus sign instead of hyphen for negati…

dfddda8

…ve values

Merge remote-tracking branch 'origin/feat/number-format-field' into f…

9f4a405

…eat/number-format-field

Merge pull request #2847 from LuccaSA/feat/number-format-field

aa32410

Intl.NumberFormat: Add models, functions, pipe, directive and FormField input

feat: move all translations to Lokalise

329079c

ref(ng): use wider LuTranslation type and deprecate ILuTranslation

fe89ba3

ref(ng): remove formatDay as it is not translatable

80e251b

chore(ng): update translations

41cbb70

chore(ng): update translations

86ed668

fix(ng): wrong post-i18n prettify

a030f3d

rem(ng): unused translation file

61983e0

feat(dialog-routing): Open dialog through routes (#2901)

1766f0a

* feat(dialog-routing): add dialog routing + story * feat(dialog-routing): fix test * feat(dialog-routing): update story * feat(dialog-routing): fix wrongly edited routerLink in story

vvalentin-lucca and others added 12 commits August 16, 2024 14:44

[Divider] Fix margins & icon color (#3018)

9b618b3

indexTable sortable (#2858)

a69b1c8

* indexTable sortable * linter * step 2 * cleaning * tableSorted > tableSortable * cleaning legacy

[User tile] Move NG style in CSS package (#2940)

22716b6

* rewrite user tile as CSS component * user tile NG package > css * add documentation story * update usertile ng component * remove old user tile scss * cleanup --------- Co-authored-by: Vincent Valentin <vvalentin@luccasoftware.com>

fix(lu-form-field): aria-labelledby sometimes filling with label id a…

626dcc0

…gain and again (#3023)

[Popover2] Add option to remove keyboard close button (#3027)

57253b7

* feat(popover2): new input to remove a11y close button & enable that in i18n input * add control to the story --------- Co-authored-by: Flavien Normand <contact@flavien-normand.fr>

[DurationPicker] Fix legend (#3026)

013a21c

Replace absolute position with grid (#2935)

2fc526b

ref(core-select)!: optionKey is mandatory on ApiDirectives (#2950)

8aeaf0c

InlineMessage with PortalContent (#2947)

cb9663a

* inlineMessage-statusIcon * portalContent * cleanup * stories * feedbacks * cleanup * portalContent

jeremie-lucca marked this pull request as ready for review August 22, 2024 13:45

jeremie-lucca requested review from a team as code owners August 22, 2024 13:45

vvalentin-lucca and others added 3 commits August 22, 2024 16:03

Fix indexTable, checkbox-radio, tableSortable (#3028)

5e1fe38

fix conflicts

4464154

Merge pull request #3029 from LuccaSA/18.2fixconflits

27b7da2

[18.2] Fix conflicts

vvalentin-lucca approved these changes Aug 22, 2024

View reviewed changes

Supamiu approved these changes Aug 22, 2024

View reviewed changes

jeremie-lucca merged commit c32cb7b into master Aug 22, 2024
3 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

LF 18.2 #2998

LF 18.2 #2998

jeremie-lucca commented Aug 2, 2024 •

edited

Loading

CCNET-iLucca commented Aug 7, 2024

LuccaIntegration commented Aug 8, 2024

CCNET-iLucca commented Aug 8, 2024

LuccaIntegration commented Aug 9, 2024

CCNET-iLucca commented Aug 9, 2024

LuccaIntegration commented Aug 22, 2024

CCNET-iLucca commented Aug 22, 2024

LF 18.2 #2998

LF 18.2 #2998

Conversation

jeremie-lucca commented Aug 2, 2024 • edited Loading

Description

Actions required to update

Table sorted import

Users

Select optionKey

Divider UI spacings

🤖 Schematics

🎉 Features

🎨 Visual changes

🚑 Fixes

💬 Translations

🔨 Technical

📖 Documentation

💀 Deprecated

Colors variables

Table

Users

Utilities

CCNET-iLucca commented Aug 7, 2024

LuccaIntegration commented Aug 8, 2024

CCNET-iLucca commented Aug 8, 2024

LuccaIntegration commented Aug 9, 2024

CCNET-iLucca commented Aug 9, 2024

LuccaIntegration commented Aug 22, 2024

CCNET-iLucca commented Aug 22, 2024

jeremie-lucca commented Aug 2, 2024 •

edited

Loading