From 2e50b13cdb9aec2c305aecc8c7d3011485d48bb9 Mon Sep 17 00:00:00 2001 From: Alex Boungnaseng Date: Wed, 28 Aug 2024 17:54:24 +0200 Subject: [PATCH] feat(manager-react-components): upgrade ods version 18 ref: MANAGER-14622 Signed-off-by: Alex Boungnaseng --- .../.storybook/preview.tsx | 2 +- .../manager-react-components/package.json | 6 +- .../ManagerButton/ManagerButton.stories.tsx | 3 +- .../ManagerButton/ManagerButton.tsx | 46 +++++----- .../components/ManagerText/ManagerText.tsx | 27 +++--- .../clipboard/clipboard.component.tsx | 30 ++----- .../clipboard/clipboard.stories.tsx | 13 ++- .../container/step/Step.component.tsx | 45 ++++------ .../container/tabs/Tabs.component.tsx | 20 ++--- .../content/price/price.component.tsx | 29 ++----- .../datagrid/datagrid.component.tsx | 61 +++++-------- .../datagrid/text-cell.component.tsx | 22 ++--- .../filters/filter-add.component.tsx | 85 +++++++++---------- .../filters/filter-list.component.tsx | 21 +++-- .../components/filters/filters.stories.tsx | 82 +++++++++--------- .../manager-react-components/src/index.ts | 7 +- .../src/lib.config.ts | 5 ++ .../manager-react-components/src/lib.scss | 1 + yarn.lock | 53 +++++++++++- 19 files changed, 270 insertions(+), 288 deletions(-) create mode 100644 packages/manager-react-components/src/lib.config.ts create mode 100644 packages/manager-react-components/src/lib.scss diff --git a/packages/manager-react-components/.storybook/preview.tsx b/packages/manager-react-components/.storybook/preview.tsx index bb4a46e2c751..0ffe65123b46 100644 --- a/packages/manager-react-components/.storybook/preview.tsx +++ b/packages/manager-react-components/.storybook/preview.tsx @@ -2,7 +2,7 @@ import React, { Suspense, useEffect } from 'react'; import { I18nextProvider } from 'react-i18next'; import { odsSetup } from '@ovhcloud/ods-common-core'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; - +import '../src/lib.scss'; import { Preview } from '@storybook/react'; import '../src/tailwind/theme.css'; import i18n from './i18n'; diff --git a/packages/manager-react-components/package.json b/packages/manager-react-components/package.json index a7e959260e4c..2cf37363e4cf 100644 --- a/packages/manager-react-components/package.json +++ b/packages/manager-react-components/package.json @@ -31,10 +31,8 @@ "@babel/plugin-proposal-private-property-in-object": "^7.21.11", "@ovh-ux/manager-core-api": "^0.8.0", "@ovh-ux/manager-react-shell-client": "^0.7.0", - "@ovhcloud/ods-common-core": "17.2.2", - "@ovhcloud/ods-common-theming": "17.2.2", - "@ovhcloud/ods-components": "17.2.2", - "@ovhcloud/ods-theme-blue-jeans": "17.2.2", + "@ovhcloud/ods-components": "18.0.0-alpha.1", + "@ovhcloud/ods-themes": "18.0.0-alpha.1", "@tanstack/react-query": "^5.51.21", "@tanstack/react-table": "^8.20.1", "@types/lodash.isdate": "^4.0.9", diff --git a/packages/manager-react-components/src/components/ManagerButton/ManagerButton.stories.tsx b/packages/manager-react-components/src/components/ManagerButton/ManagerButton.stories.tsx index 3ea1ca0769c1..630af0e54be5 100644 --- a/packages/manager-react-components/src/components/ManagerButton/ManagerButton.stories.tsx +++ b/packages/manager-react-components/src/components/ManagerButton/ManagerButton.stories.tsx @@ -3,7 +3,8 @@ import { ManagerButton, ManagerButtonProps } from './ManagerButton'; export const Default = { args: { - children: 'Remove button', + id: 'iam-button-urn-action-1', + label: 'Remove button', urn: 'urn:v9:eu:resource:manager-react-components:vrz-a878-dsflkds-fdsfsd', iamActions: ['vrackServices:apiovh:iam/resource/tag/remove'], }, diff --git a/packages/manager-react-components/src/components/ManagerButton/ManagerButton.tsx b/packages/manager-react-components/src/components/ManagerButton/ManagerButton.tsx index a43fe0d9daa4..14f76403a099 100644 --- a/packages/manager-react-components/src/components/ManagerButton/ManagerButton.tsx +++ b/packages/manager-react-components/src/components/ManagerButton/ManagerButton.tsx @@ -1,9 +1,5 @@ import React, { PropsWithChildren, RefAttributes, HTMLAttributes } from 'react'; -import { - OsdsButton, - OsdsTooltip, - OsdsTooltipContent, -} from '@ovhcloud/ods-components/react'; +import { OdsButton, OdsTooltip } from '@ovhcloud/ods-components/react'; import { JSX } from '@ovhcloud/ods-components'; import { useTranslation } from 'react-i18next'; import { StyleReactProps } from '@ovhcloud/ods-components/react/dist/types/react-component-lib/interfaces'; @@ -12,6 +8,7 @@ import './translations'; import { useAuthorizationIam } from '../../hooks/iam'; export type ManagerButtonProps = PropsWithChildren<{ + id: string; iamActions?: string[]; urn?: string; displayTooltip?: boolean; @@ -19,7 +16,9 @@ export type ManagerButtonProps = PropsWithChildren<{ }>; export const ManagerButton = ({ + id, children, + label, iamActions, urn, displayTooltip = true, @@ -27,10 +26,10 @@ export const ManagerButton = ({ ...restProps }: ManagerButtonProps & Partial< - JSX.OsdsButton & - Omit, 'style' | 'id'> & + JSX.OdsButton & + Omit, 'style' | 'id'> & StyleReactProps & - RefAttributes + RefAttributes >) => { const { t } = useTranslation('iam'); const { isAuthorized } = useAuthorizationIam(iamActions, urn, isIamTrigger); @@ -38,21 +37,30 @@ export const ManagerButton = ({ if (!isAuthorized) { if (!displayTooltip) { return ( - - {children} - + ); } return ( - - - {children} - - + <> +
+ +
+
{t('common_iam_actions_message')}
- - + + ); } - return {children}; + return ; }; diff --git a/packages/manager-react-components/src/components/ManagerText/ManagerText.tsx b/packages/manager-react-components/src/components/ManagerText/ManagerText.tsx index 7c110fb3e6f5..c9b33485a808 100644 --- a/packages/manager-react-components/src/components/ManagerText/ManagerText.tsx +++ b/packages/manager-react-components/src/components/ManagerText/ManagerText.tsx @@ -1,10 +1,6 @@ import React, { PropsWithChildren, RefAttributes, HTMLAttributes } from 'react'; import { JSX } from '@ovhcloud/ods-components'; -import { - OsdsText, - OsdsTooltip, - OsdsTooltipContent, -} from '@ovhcloud/ods-components/react'; +import { OdsText, OdsTooltip } from '@ovhcloud/ods-components/react'; import { StyleReactProps } from '@ovhcloud/ods-components/react/dist/types/react-component-lib/interfaces'; import { useTranslation } from 'react-i18next'; import './translations'; @@ -23,22 +19,25 @@ export const ManagerText = ({ ...restProps }: ManagerTextProps & Partial< - JSX.OsdsText & - Omit, 'style'> & + JSX.OdsText & + Omit, 'style'> & StyleReactProps & - RefAttributes + RefAttributes >) => { const { t } = useTranslation('iam'); const { isAuthorized } = useAuthorizationIam(iamActions, urn); + if (!isAuthorized) { return ( - - {t('iam_hidden_text').toUpperCase()} - + <> +
+ {t('iam_hidden_text').toUpperCase()} +
+
{t('common_iam_actions_message')}
- - + + ); } - return {children}; + return {children}; }; diff --git a/packages/manager-react-components/src/components/clipboard/clipboard.component.tsx b/packages/manager-react-components/src/components/clipboard/clipboard.component.tsx index 57f952b45fd5..733b6f133540 100644 --- a/packages/manager-react-components/src/components/clipboard/clipboard.component.tsx +++ b/packages/manager-react-components/src/components/clipboard/clipboard.component.tsx @@ -1,31 +1,19 @@ -import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming'; -import { OdsClipboardAttribute } from '@ovhcloud/ods-components'; -import { OsdsClipboard, OsdsText } from '@ovhcloud/ods-components/react'; +import type { OdsClipboard as OdsClipboardAttribute } from '@ovhcloud/ods-components'; +import { OdsClipboard } from '@ovhcloud/ods-components/react'; import React from 'react'; import { useTranslation } from 'react-i18next'; import './translations'; +import './index.scss'; export const Clipboard: React.FC = (props) => { const { t } = useTranslation('clipboard'); return ( - - - - {t('clipboard_copy_success')} - - - - - {t('clipboard_copy_error')} - - - + ); }; diff --git a/packages/manager-react-components/src/components/clipboard/clipboard.stories.tsx b/packages/manager-react-components/src/components/clipboard/clipboard.stories.tsx index 7d9af4033b34..438b336313c5 100644 --- a/packages/manager-react-components/src/components/clipboard/clipboard.stories.tsx +++ b/packages/manager-react-components/src/components/clipboard/clipboard.stories.tsx @@ -17,15 +17,14 @@ export const regular: Story = { export const disabled: Story = { args: { value: 'Disabled clipboard', - disabled: true, + isDisabled: true, }, }; -export const inline: Story = { - args: { - value: 'Inline clipboard', - inline: true, - }, -}; +// export const inline: Story = { +// args: { +// value: 'Inline clipboard', +// }, +// }; export default meta; diff --git a/packages/manager-react-components/src/components/container/step/Step.component.tsx b/packages/manager-react-components/src/components/container/step/Step.component.tsx index 6ba8a5feb9da..36db3c637519 100644 --- a/packages/manager-react-components/src/components/container/step/Step.component.tsx +++ b/packages/manager-react-components/src/components/container/step/Step.component.tsx @@ -1,21 +1,15 @@ import React, { Suspense } from 'react'; import { - OsdsButton, - OsdsIcon, - OsdsLink, - OsdsSpinner, - OsdsText, + OdsButton, + OdsIcon, + OdsSpinner, + OdsText, } from '@ovhcloud/ods-components/react'; -import { - ODS_THEME_TYPOGRAPHY_LEVEL, - ODS_THEME_TYPOGRAPHY_SIZE, - ODS_THEME_COLOR_INTENT, -} from '@ovhcloud/ods-common-theming'; +import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming'; import { v4 as uuidV4 } from 'uuid'; import { ODS_BUTTON_SIZE, ODS_ICON_NAME, - ODS_ICON_SIZE, ODS_SPINNER_SIZE, } from '@ovhcloud/ods-components'; import { clsx } from 'clsx'; @@ -57,9 +51,8 @@ export const StepComponent = ({
{isChecked ? ( - @@ -70,9 +63,7 @@ export const StepComponent = ({ isOpen ? 'border-[#0050d7]' : 'border-[grey]', )} > - {order} - +
)} @@ -98,7 +89,8 @@ export const StepComponent = ({ {edit?.action && isLocked && (
- - {edit.label} - + />
)} @@ -124,16 +114,15 @@ export const StepComponent = ({ isLocked && 'cursor-not-allowed pointer-events-none opacity-50', )} > - } - > + }> {children} {next?.action && !isLocked && (
- { @@ -141,9 +130,7 @@ export const StepComponent = ({ }} className="w-fit" {...(next.isDisabled ? { disabled: true } : {})} - > - {next.label} - + />
)} diff --git a/packages/manager-react-components/src/components/container/tabs/Tabs.component.tsx b/packages/manager-react-components/src/components/container/tabs/Tabs.component.tsx index cf6bf5f58a55..6cb80f72c158 100644 --- a/packages/manager-react-components/src/components/container/tabs/Tabs.component.tsx +++ b/packages/manager-react-components/src/components/container/tabs/Tabs.component.tsx @@ -2,8 +2,8 @@ import React, { useEffect, useState } from 'react'; import { useMedia } from 'react-use'; import { clsx } from 'clsx'; import { v4 as uuidV4 } from 'uuid'; -import { OsdsIcon } from '@ovhcloud/ods-components/react'; -import { ODS_ICON_NAME, ODS_ICON_SIZE } from '@ovhcloud/ods-components'; +import { OdsIcon } from '@ovhcloud/ods-components/react'; +import { ODS_ICON_NAME } from '@ovhcloud/ods-components'; import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming'; import { hashCode } from '../../../utils'; @@ -129,19 +129,15 @@ export function TabsComponent({
{!Object.is(state.selectedItem, item) ? ( - + > ) : ( - + > )}
diff --git a/packages/manager-react-components/src/components/content/price/price.component.tsx b/packages/manager-react-components/src/components/content/price/price.component.tsx index 6802f1669c31..2f26b5c71dbd 100644 --- a/packages/manager-react-components/src/components/content/price/price.component.tsx +++ b/packages/manager-react-components/src/components/content/price/price.component.tsx @@ -1,11 +1,8 @@ import React from 'react'; import { useTranslation } from 'react-i18next'; -import { OsdsText } from '@ovhcloud/ods-components/react'; -import { - ODS_TEXT_LEVEL, - ODS_TEXT_SIZE, - ODS_TEXT_COLOR_HUE, -} from '@ovhcloud/ods-components'; +import { OdsText } from '@ovhcloud/ods-components/react'; +import { ODS_TEXT_PRESET } from '@ovhcloud/ods-components'; + import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming'; import { IntervalUnitType } from '../../../enumTypes'; import { @@ -18,16 +15,7 @@ import './translations/translations'; const TextPriceContent: React.FC<{ children: React.ReactNode }> = ({ children, -}) => ( - - {children} - -); +}) => {children}; export function Price({ value, @@ -156,14 +144,9 @@ export function Price({ } return ( - + {matchingComponent.component} - + ); } diff --git a/packages/manager-react-components/src/components/datagrid/datagrid.component.tsx b/packages/manager-react-components/src/components/datagrid/datagrid.component.tsx index 5bce29f3530f..7d504a8f8585 100644 --- a/packages/manager-react-components/src/components/datagrid/datagrid.component.tsx +++ b/packages/manager-react-components/src/components/datagrid/datagrid.component.tsx @@ -8,24 +8,16 @@ import { useReactTable, getSortedRowModel, } from '@tanstack/react-table'; +import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming'; +import { ODS_TEXT_PRESET } from '@ovhcloud/ods-components'; import { - ODS_THEME_COLOR_HUE, - ODS_THEME_COLOR_INTENT, -} from '@ovhcloud/ods-common-theming'; -import { - OsdsButton, - OsdsIcon, - OsdsPagination, - OsdsText, - OsdsTable, + OdsButton, + OdsIcon, + OdsPagination, + OdsText, + OdsTable, } from '@ovhcloud/ods-components/react'; -import { - ODS_ICON_NAME, - ODS_ICON_SIZE, - ODS_TEXT_LEVEL, - ODS_TEXT_SIZE, - ODS_BUTTON_VARIANT, -} from '@ovhcloud/ods-components'; +import { ODS_ICON_NAME } from '@ovhcloud/ods-components'; import { useTranslation } from 'react-i18next'; import { DataGridTextCell } from './text-cell.component'; import './translations'; @@ -145,7 +137,7 @@ export const Datagrid = ({ return (
- + {table.getHeaderGroups().map((headerGroup) => ( @@ -171,25 +163,19 @@ export const Datagrid = ({ data-testid={`header-${header.id}`} > - + <> {flexRender( header.column.columnDef.header, header.getContext(), )} - + - ({ name={ (header.column.getIsSorted() as string) === 'asc' - ? ODS_ICON_NAME.ARROW_UP - : ODS_ICON_NAME.ARROW_DOWN + ? ODS_ICON_NAME.arrowUp + : ODS_ICON_NAME.arrowDown } /> @@ -250,16 +236,16 @@ export const Datagrid = ({ )}
- +
{!onFetchNextPage && items?.length > 0 && pagination ? ( - { + onOdsChange={({ detail }) => { if (detail.current !== detail.oldCurrent) { onPaginationChange({ ...pagination, @@ -268,7 +254,7 @@ export const Datagrid = ({ }); } }} - onOdsPaginationItemPerPageChanged={({ detail }) => { + onOdsItemPerPageChange={({ detail }) => { if (detail.current !== pagination.pageSize) onPaginationChange({ ...pagination, @@ -283,19 +269,16 @@ export const Datagrid = ({ {t('common_pagination_results')} - + ) : ( <> )} {hasNextPage && (
- - {t('common_pagination_load_more')} - + />
)}
diff --git a/packages/manager-react-components/src/components/datagrid/text-cell.component.tsx b/packages/manager-react-components/src/components/datagrid/text-cell.component.tsx index 56aa014698d9..309e4b226aa1 100644 --- a/packages/manager-react-components/src/components/datagrid/text-cell.component.tsx +++ b/packages/manager-react-components/src/components/datagrid/text-cell.component.tsx @@ -1,10 +1,6 @@ import React from 'react'; -import { OsdsText } from '@ovhcloud/ods-components/react'; -import { - ODS_THEME_COLOR_INTENT, - ODS_THEME_TYPOGRAPHY_LEVEL, - ODS_THEME_TYPOGRAPHY_SIZE, -} from '@ovhcloud/ods-common-theming'; +import { OdsText } from '@ovhcloud/ods-components/react'; +import { ODS_TEXT_PRESET } from '@ovhcloud/ods-components'; import { useTranslation } from 'react-i18next'; /** Simple datagrid cell text formatter applying ODS style */ @@ -13,17 +9,9 @@ export function DataGridTextCell({ }: React.PropsWithChildren) { const { t } = useTranslation('datagrid'); return ( - - {children ?? t('common_empty_text_cell')} - + + {(children as string) ?? t('common_empty_text_cell' as string)} + ); } diff --git a/packages/manager-react-components/src/components/filters/filter-add.component.tsx b/packages/manager-react-components/src/components/filters/filter-add.component.tsx index 8eb0aae045aa..29aa706e2636 100644 --- a/packages/manager-react-components/src/components/filters/filter-add.component.tsx +++ b/packages/manager-react-components/src/components/filters/filter-add.component.tsx @@ -4,15 +4,15 @@ import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming'; import { ODS_BUTTON_SIZE, ODS_INPUT_TYPE, - ODS_TEXT_LEVEL, + ODS_TEXT_PRESET, } from '@ovhcloud/ods-components'; + import { - OsdsButton, - OsdsFormField, - OsdsInput, - OsdsSelect, - OsdsSelectOption, - OsdsText, + OdsButton, + OdsFormField, + OdsInput, + OdsSelect, + OdsText, } from '@ovhcloud/ods-components/react'; import { useTranslation } from 'react-i18next'; import './translations'; @@ -56,85 +56,76 @@ export function FilterAdd({ columns, onAddFilter }: Readonly) { return ( <> - +
- + {t('common_criteria_adder_column_label')} - +
- - setSelectedId(event.detail.value as string) - } + onOdsChange={(event) => setSelectedId(event.detail.value as string)} > {columns.map(({ id, label }) => ( - + + ))} - - - + + +
- + {t('common_criteria_adder_operator_label')} - +
- { + onOdsChange={(event) => { setSelectedComparator(event.detail.value as FilterComparator); }} > {selectedColumn?.comparators?.map((comp) => ( - + + ))} - - - + + +
- + {t('common_criteria_adder_value_label')} - +
- setValue(`${e.detail.value}`)} + onOdsChange={(e) => setValue(`${e.detail.value}`)} onKeyDown={(e) => { if (e.key === 'Enter') { submitAddFilter(); } }} /> - - + - {t('common_criteria_adder_submit_label')} - + label={t('common_criteria_adder_submit_label')} + /> ); } diff --git a/packages/manager-react-components/src/components/filters/filter-list.component.tsx b/packages/manager-react-components/src/components/filters/filter-list.component.tsx index 5881ce5726ce..db41b181ad84 100644 --- a/packages/manager-react-components/src/components/filters/filter-list.component.tsx +++ b/packages/manager-react-components/src/components/filters/filter-list.component.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { OsdsChip } from '@ovhcloud/ods-components/react'; -import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming'; +import { OdsTag } from '@ovhcloud/ods-components/react'; +import { ODS_TAG_COLOR } from '@ovhcloud/ods-components'; import { useTranslation } from 'react-i18next'; import { FilterWithLabel } from './interface'; import './translations'; @@ -21,18 +21,17 @@ export function FilterList({ return ( <> {filters?.map((filter, key) => ( - onRemoveFilter(filter)} + onOdsRemove={() => onRemoveFilter(filter)} data-testid="filter-list_chip_item" - > - {filter.label ? `${filter.label} ${tComp(filter.comparator)} ` : ''} - {filter.value} - + label={`${ + filter.label ? `${filter.label} ${tComp(filter.comparator)} ` : '' + } + ${filter.value}`} + /> ))} ); diff --git a/packages/manager-react-components/src/components/filters/filters.stories.tsx b/packages/manager-react-components/src/components/filters/filters.stories.tsx index 48067a6fc18b..ee04fd70f49b 100644 --- a/packages/manager-react-components/src/components/filters/filters.stories.tsx +++ b/packages/manager-react-components/src/components/filters/filters.stories.tsx @@ -4,14 +4,12 @@ import { ODS_BUTTON_SIZE, ODS_BUTTON_VARIANT, ODS_ICON_NAME, - ODS_ICON_SIZE, } from '@ovhcloud/ods-components'; import { - OsdsButton, - OsdsIcon, - OsdsPopoverContent, - OsdsSearchBar, - OsdsPopover, + OdsButton, + OdsIcon, + OdsPopover, + OdsInput, } from '@ovhcloud/ods-components/react'; import { withRouter } from 'storybook-addon-react-router-v6'; import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming'; @@ -26,52 +24,56 @@ const FiltersStory = () => { return ( <>
- + { + onOdsChange={({ detail }) => setSearchField(detail.value as string)} + /> + { addFilter({ key: 'username', - value: detail.inputValue, + value: searchField, comparator: FilterComparator.Includes, label: 'Username', }); setSearchField(''); }} /> - - + - - Filter - - - { - addFilter({ - ...addedFilter, - label: column.label, - }); - }} - /> - - + variant={ODS_BUTTON_VARIANT.outline} + icon={ODS_ICON_NAME.filter} + label="Filter" + /> +
+ + + { + addFilter({ + ...addedFilter, + label: column.label, + }); + }} + /> +
diff --git a/packages/manager-react-components/src/index.ts b/packages/manager-react-components/src/index.ts index e5a6dd867bb2..96bdefcf4856 100644 --- a/packages/manager-react-components/src/index.ts +++ b/packages/manager-react-components/src/index.ts @@ -1,6 +1,9 @@ +import './lib.config'; import './tailwind/theme.css'; -import '@ovhcloud/ods-theme-blue-jeans/dist/index.css'; +// import '@ovhcloud/ods-themes'; +// import '@ovhcloud/ods-themes/src/default'; +// import '@ovhcloud/ods-themes/default'; import './enumTypes'; - +import './lib.scss'; export * from './hooks/datagrid'; export * from './components'; diff --git a/packages/manager-react-components/src/lib.config.ts b/packages/manager-react-components/src/lib.config.ts new file mode 100644 index 000000000000..a77529d5917d --- /dev/null +++ b/packages/manager-react-components/src/lib.config.ts @@ -0,0 +1,5 @@ +import { defineCustomElements } from '@ovhcloud/ods-components/dist/loader'; +defineCustomElements(); + +import { odsSetup } from '@ovhcloud/ods-common-core'; +odsSetup(); diff --git a/packages/manager-react-components/src/lib.scss b/packages/manager-react-components/src/lib.scss new file mode 100644 index 000000000000..011c434cae81 --- /dev/null +++ b/packages/manager-react-components/src/lib.scss @@ -0,0 +1 @@ +@import '@ovhcloud/ods-themes/default'; diff --git a/yarn.lock b/yarn.lock index 35397da2e377..529a8b24ec06 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3044,7 +3044,7 @@ dependencies: "@floating-ui/utils" "^0.2.5" -"@floating-ui/dom@^1.0.1", "@floating-ui/dom@^1.6.1": +"@floating-ui/dom@1.6.3", "@floating-ui/dom@^1.0.1", "@floating-ui/dom@^1.6.1": version "1.6.3" resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.6.3.tgz#954e46c1dd3ad48e49db9ada7218b0985cee75ef" integrity sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw== @@ -5094,6 +5094,18 @@ resolved "https://registry.yarnpkg.com/@open-draft/until/-/until-2.1.0.tgz#0acf32f470af2ceaf47f095cdecd40d68666efda" integrity sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg== +"@orchidjs/sifter@^1.0.3": + version "1.0.3" + resolved "https://registry.npmjs.org/@orchidjs/sifter/-/sifter-1.0.3.tgz#43f42519472282eb632d0a1589184f044d64129b" + integrity sha512-zCZbwKegHytfsPm8Amcfh7v/4vHqTAaOu6xFswBYcn8nznBOuseu6COB2ON7ez0tFV0mKL0nRNnCiZZA+lU9/g== + dependencies: + "@orchidjs/unicode-variants" "^1.0.4" + +"@orchidjs/unicode-variants@^1.0.4": + version "1.0.4" + resolved "https://registry.npmjs.org/@orchidjs/unicode-variants/-/unicode-variants-1.0.4.tgz#6d2f812e3b19545bba2d81caffff1204de9a6a58" + integrity sha512-NvVBRnZNE+dugiXERFsET1JlKZfM5lJDEpSMilKW4bToYJ7pxf0Zne78xyXB2ny2c2aHfJ6WLnz1AaTNHAmQeQ== + "@ovh-ux/ng-ovh-api-wrappers@^5.0.0", "@ovh-ux/ng-ovh-api-wrappers@^5.1.0": version "5.1.0" resolved "https://registry.yarnpkg.com/@ovh-ux/ng-ovh-api-wrappers/-/ng-ovh-api-wrappers-5.1.0.tgz#b8bfef258a4e0860eabf219cb1880ca0a15da687" @@ -5177,6 +5189,17 @@ "@ovhcloud/ods-common-stencil" "17.2.2" "@ovhcloud/ods-common-theming" "17.2.2" +"@ovhcloud/ods-components@18.0.0-alpha.1": + version "18.0.0-alpha.1" + resolved "https://registry.npmjs.org/@ovhcloud/ods-components/-/ods-components-18.0.0-alpha.1.tgz#42469b6db1d8562a30cd0eaeeb2a5bdb1e338e44" + integrity sha512-Mt9rnonTXn46ZPICAcAFN56g4a5lGvHf2W+S5HRHanOj3zrNGL1nEwR9frg9Rays2kMMCFrikG9XhGRepuX15w== + dependencies: + "@floating-ui/dom" "1.6.3" + "@stencil/core" "4.16.0" + google-libphonenumber "3.2.35" + tom-select "2.3.1" + vanillajs-datepicker "1.3.4" + "@ovhcloud/ods-theme-blue-jeans@17.2.1": version "17.2.1" resolved "https://registry.yarnpkg.com/@ovhcloud/ods-theme-blue-jeans/-/ods-theme-blue-jeans-17.2.1.tgz#6495afedce96505481f38ea072177d5be8ff4446" @@ -5191,6 +5214,11 @@ dependencies: "@ovhcloud/ods-common-theming" "17.2.2" +"@ovhcloud/ods-themes@18.0.0-alpha.1": + version "18.0.0-alpha.1" + resolved "https://registry.npmjs.org/@ovhcloud/ods-themes/-/ods-themes-18.0.0-alpha.1.tgz#4b6021f6a0e4091aecbfd5ea7befcf541cf79729" + integrity sha512-UX6dbxpAp4HJjiFMdN75uxrThbLIbBwm1dtykytOVmKwp46UTTg3Rp2Q2oCZEeTF5PbgFGLL1CAY05i7pHApNA== + "@ovhcloud/reket-axios-client@^0.2.1": version "0.2.1" resolved "https://registry.yarnpkg.com/@ovhcloud/reket-axios-client/-/reket-axios-client-0.2.1.tgz#835997e9d3514a5855dc4d7ac867abe8b2c8638d" @@ -6651,6 +6679,11 @@ resolved "https://registry.yarnpkg.com/@stencil/core/-/core-4.12.0.tgz#bd87f314ce1c98174077514a161f8bcd6e9f2fc0" integrity sha512-qAQcfNmp2sdxAh1DlyUhHfDmIUS7mhI+5LAhPphg74zK9sKgFL5vpLzgjs0wohpjlmI4msgJFYiRB8lxVPqjPg== +"@stencil/core@4.16.0": + version "4.16.0" + resolved "https://registry.npmjs.org/@stencil/core/-/core-4.16.0.tgz#79c430d5875e0ce3a7666607b6fb53512890577b" + integrity sha512-gXaC5IrquV/Hw5JIZTCWkM5lJEbBQtnvHLhDebjar6A6+YBqxah04dardS+YUNVuRbnE6Hcja7KKiAXT3oVsvw== + "@storybook/addon-actions@7.5.3": version "7.5.3" resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-7.5.3.tgz#e0d0d819488d1d19918b23469b3ea6610fee5f07" @@ -16829,6 +16862,11 @@ good-listener@^1.2.2: dependencies: delegate "^3.1.2" +google-libphonenumber@3.2.35: + version "3.2.35" + resolved "https://registry.npmjs.org/google-libphonenumber/-/google-libphonenumber-3.2.35.tgz#887bbac68b0e13c6a3a52e3971129b320ceb1759" + integrity sha512-en9hgw54urlwBT0F+IULsJmdpeLpq5aQoTONIdp5jVIRviONPMfplUKdaCPBrHBlZNm49iVuZGR/V05IWqlvLQ== + gopd@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c" @@ -27653,6 +27691,14 @@ toidentifier@1.0.1: resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35" integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA== +tom-select@2.3.1: + version "2.3.1" + resolved "https://registry.npmjs.org/tom-select/-/tom-select-2.3.1.tgz#df338d9082874cd0bceb3bee87ed0184447c47f1" + integrity sha512-QS4vnOcB6StNGqX4sGboGXL2fkhBF2gIBB+8Hwv30FZXYPn0CyYO8kkdATRvwfCTThxiR4WcXwKJZ3cOmtI9eg== + dependencies: + "@orchidjs/sifter" "^1.0.3" + "@orchidjs/unicode-variants" "^1.0.4" + toposort@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/toposort/-/toposort-2.0.2.tgz#ae21768175d1559d48bef35420b2f4962f09c330" @@ -28827,6 +28873,11 @@ validator@^3.39.0: resolved "https://registry.yarnpkg.com/validator/-/validator-3.43.0.tgz#96464b992d4196833d97a194bf40b19ff54bae05" integrity sha512-H9RMa5elH0361QGFKeZiIWxN0YJDKL9rblzaXVFEKrKkL9hROcg/4f5rJ90SLTjai0IPmN18v9LkH//wwN93bA== +vanillajs-datepicker@1.3.4: + version "1.3.4" + resolved "https://registry.npmjs.org/vanillajs-datepicker/-/vanillajs-datepicker-1.3.4.tgz#69b42f9106e944c248b7479249889ee1fd8465ef" + integrity sha512-waOyp2Ay+K1VA/B5cNlFgSNzFR9efCVKaoyMyNEAhAwmKLzMB9nCJs6Vqmo6HuHWA98VEHXbgz5thZ7hH/uohA== + vary@~1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"