feat(segmented-control): добавить view skeleton [DS-14045]

[dHIM24]

• Добавлен view skeleton для компонента SegmentedControl.

Чек лист

• Задача сформулирована и описана в JIRA
• В названии ветки есть айдишник задачи в JIRA (fix/DS-1234), ссылку прикреплять не надо
• У реквеста осмысленное название feat(...) или fix(...) по conventional commits (https://www.conventionalcommits.org)
• Код покрыт тестами и протестирован в различных браузерах
• Добавленные пропсы добавлены в демки и описаны в документации
• К реквесту добавлен changeset

Если есть визуальные изменения

• Прикреплено изображение было/стало

Код для песочницы:

render(() => {
    const [selectedId, setSelectedId] = React.useState({
        '1': 1,
        '2': 1,
        '3': 1,
        '4': 1,
    });
    const handleChange = (pos, id) => setSelectedId({ ...selectedId, [pos]: id });
    return (
        <div style={{ width: 360 }}>
        <Space fullWidth size={24}>
            <SegmentedControl size={40} onChange={(id) => handleChange('1', id)} selectedId={selectedId["1"]} skeleton={{visible: true}}>
                <Segment id={1} title='Таб 1' />
                <Segment id={2} title='Таб 2' />
            </SegmentedControl>
            <SegmentedControl onChange={(id) => handleChange('2', id)} selectedId={selectedId["2"]} skeleton={{visible: true}}>
                <Segment id={1} title='Таб 1' />
                <Segment id={2} title='Таб 2' />
            </SegmentedControl>
            <SegmentedControl size={40} shape='rounded' onChange={(id) => handleChange('3', id)} selectedId={selectedId["3"]} skeleton={{visible: true}}>
                <Segment id={1} title='Таб 1' />
                <Segment id={2} title='Таб 2' />
            </SegmentedControl>
            <SegmentedControl shape='rounded' onChange={(id) => handleChange('4', id)} selectedId={selectedId["4"]} skeleton={{visible: true}}>
                <Segment id={1} title='Таб 1' />
                <Segment id={2} title='Таб 2' />
            </SegmentedControl>
        </Space>
    </div>
    )
})

[changeset-bot]

🦋 Changeset detected

Latest commit: 4ad9316

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@alfalab/core-components-segmented-control	Minor
@alfalab/core-components	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[coveralls]

Pull Request Test Coverage Report for Build 21747315753

Warning: This coverage report may be inaccurate.

This pull request's base commit is no longer the HEAD commit of its target branch. This means it includes changes from outside the original pull request, including, potentially, unrelated coverage changes.

• For more information on this, see Tracking coverage changes with pull request builds.
• To avoid this issue with future PRs, see these Recommended CI Configurations.
• For a quick fix, rebase this PR at GitHub. Your next report should be accurate.

Details

• 7 of 8 (87.5%) changed or added relevant lines in 1 file are covered.
• 12 unchanged lines in 1 file lost coverage.
• Overall coverage decreased (-0.003%) to 77.031%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
packages/segmented-control/src/Component.tsx	7	8	87.5%

Files with Coverage Reduction	New Missed Lines	%
packages/select/src/utils.ts	12	73.28%

Totals
Change from base Build 21710657089:	-0.003%
Covered Lines:	9595
Relevant Lines:	11615

---

💛 - Coveralls

[github-actions]

Demo build

https://core-ds.github.io/core-components/2028

[fulcanellee]

Обсудим потом вариант объеденения пропса?
Например

skeleton: {show: boolean, props: {}}

[fulcanellee]

тут и в остальных местах идет проверка на size-40. в принципе можно сразу вывести функцию:

size === 40 || size === 'xs'.

[github-actions]

Demo build (default)

https://core-ds.github.io/core-components/2028-default

[github-actions]

Demo build (alfasans)

https://core-ds.github.io/core-components/2028-alfasans

[hextion]

height: size

[hextion]

width: '100%' через className задать можно?