@scbt-ecom/ui 0.0.30 → 0.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client.d.ts +2 -0
- package/dist/client.js +921 -0
- package/dist/cn-uh4jkx7b.js +2892 -0
- package/dist/configs/index.d.ts +1 -0
- package/dist/configs/tailwindConfigBase.d.ts +2 -0
- package/dist/server.d.ts +2 -0
- package/dist/server.js +15 -0
- package/dist/shared/constants/api.d.ts +2 -0
- package/dist/shared/constants/designSystem/colors.d.ts +120 -0
- package/dist/shared/constants/designSystem/index.d.ts +3 -0
- package/dist/shared/constants/designSystem/others.d.ts +16 -0
- package/dist/shared/constants/designSystem/typography.d.ts +75 -0
- package/dist/shared/constants/index.d.ts +2 -0
- package/dist/shared/hooks/index.d.ts +4 -0
- package/dist/shared/hooks/useBoolean.d.ts +3 -0
- package/dist/shared/hooks/useClickOutside.d.ts +2 -0
- package/dist/shared/hooks/useControlledForm.d.ts +7 -0
- package/dist/shared/hooks/useDebounce.d.ts +3 -0
- package/dist/shared/ui/Badge.d.ts +6 -0
- package/dist/shared/ui/Breadcrumbs.d.ts +15 -0
- package/dist/shared/ui/ButtonIcon.d.ts +17 -0
- package/dist/shared/ui/CustomLink.d.ts +15 -0
- package/dist/shared/ui/Document.d.ts +13 -0
- package/dist/shared/ui/Heading.d.ts +12 -0
- package/dist/shared/ui/Hint.d.ts +21 -0
- package/dist/shared/ui/Loader.d.ts +21 -0
- package/dist/shared/ui/PhoneView.d.ts +12 -0
- package/dist/shared/ui/Portal.d.ts +7 -0
- package/dist/shared/ui/ProgressBar.d.ts +18 -0
- package/dist/shared/ui/ResponsiveContainer.d.ts +6 -0
- package/dist/shared/ui/Section.d.ts +6 -0
- package/dist/shared/ui/Skeleton.d.ts +4 -0
- package/dist/shared/ui/TabsSwitcher.d.ts +33 -0
- package/dist/shared/ui/accordion/Accordion.d.ts +13 -0
- package/dist/shared/ui/accordion/index.d.ts +1 -0
- package/dist/shared/ui/accordion/model/types.d.ts +17 -0
- package/dist/shared/ui/accordion/ui/AccordionHeader.d.ts +8 -0
- package/dist/shared/ui/brandLogos.d.ts +5 -0
- package/dist/shared/ui/button/Button.d.ts +17 -0
- package/dist/shared/ui/button/index.d.ts +1 -0
- package/dist/shared/ui/button/model/helpers.d.ts +2 -0
- package/dist/shared/ui/calendar/Calendar.d.ts +20 -0
- package/dist/shared/ui/calendar/index.d.ts +1 -0
- package/dist/shared/ui/calendar/model/animation.d.ts +18 -0
- package/dist/shared/ui/calendar/model/classes.d.ts +24 -0
- package/dist/shared/ui/calendar/model/helpers.d.ts +9 -0
- package/dist/shared/ui/calendar/model/hooks/index.d.ts +2 -0
- package/dist/shared/ui/calendar/model/hooks/useCalendarDropdowns.d.ts +9 -0
- package/dist/shared/ui/calendar/model/hooks/useDatePicker.d.ts +19 -0
- package/dist/shared/ui/calendar/ui/CalendarHeader.d.ts +15 -0
- package/dist/shared/ui/calendar/ui/Dropdown.d.ts +10 -0
- package/dist/shared/ui/calendar/ui/NavigationArrows.d.ts +5 -0
- package/dist/shared/ui/calendar/ui/Weekdays.d.ts +1 -0
- package/dist/shared/ui/calendar/ui/index.d.ts +2 -0
- package/dist/shared/ui/formControlElements/CheckboxControl.d.ts +13 -0
- package/dist/shared/ui/formControlElements/FormControl.d.ts +3 -0
- package/dist/shared/ui/formControlElements/InputControl.d.ts +6 -0
- package/dist/shared/ui/formControlElements/InputControlMask.d.ts +10 -0
- package/dist/shared/ui/formControlElements/RadioControl.d.ts +26 -0
- package/dist/shared/ui/formControlElements/SelectControl.d.ts +27 -0
- package/dist/shared/ui/formControlElements/SwitchControl.d.ts +16 -0
- package/dist/shared/ui/formControlElements/TextareaControl.d.ts +11 -0
- package/dist/shared/ui/formControlElements/calendarControl/CalendarControl.d.ts +13 -0
- package/dist/shared/ui/formControlElements/calendarControl/hooks/index.d.ts +2 -0
- package/dist/shared/ui/formControlElements/calendarControl/hooks/useCalendar.d.ts +16 -0
- package/dist/shared/ui/formControlElements/calendarControl/hooks/useCalendarDropdowns.d.ts +9 -0
- package/{lib/shared/ui/formControlElements/calendarControl/index.ts → dist/shared/ui/formControlElements/calendarControl/index.d.ts} +1 -1
- package/dist/shared/ui/formControlElements/calendarControl/model/helpers.d.ts +24 -0
- package/dist/shared/ui/formControlElements/calendarControl/model/types.d.ts +33 -0
- package/dist/shared/ui/formControlElements/calendarControl/ui/DaysOfMonth.d.ts +10 -0
- package/dist/shared/ui/formControlElements/calendarControl/ui/DaysOfWeek.d.ts +6 -0
- package/dist/shared/ui/formControlElements/calendarControl/ui/Dropdown.d.ts +11 -0
- package/dist/shared/ui/formControlElements/calendarControl/ui/Header.d.ts +14 -0
- package/dist/shared/ui/formControlElements/calendarControl/ui/Navigation.d.ts +9 -0
- package/dist/shared/ui/formControlElements/calendarControl/ui/OptionsList.d.ts +5 -0
- package/dist/shared/ui/formControlElements/calendarControl/ui/index.d.ts +4 -0
- package/dist/shared/ui/formControlElements/dadata/DadataInputControl.d.ts +14 -0
- package/{lib/shared/ui/formControlElements/dadata/index.ts → dist/shared/ui/formControlElements/dadata/index.d.ts} +1 -1
- package/dist/shared/ui/formControlElements/dadata/model/api.d.ts +2 -0
- package/dist/shared/ui/formControlElements/dadata/model/helpers.d.ts +7 -0
- package/dist/shared/ui/formControlElements/dadata/model/types.d.ts +42 -0
- package/dist/shared/ui/formControlElements/dadata/model/useDadata.d.ts +7 -0
- package/{lib/shared/ui/formControlElements/index.ts → dist/shared/ui/formControlElements/index.d.ts} +10 -10
- package/dist/shared/ui/formControlElements/model/classes-types.d.ts +18 -0
- package/dist/shared/ui/formControlElements/model/index.d.ts +2 -0
- package/dist/shared/ui/formControlElements/model/props-types.d.ts +20 -0
- package/dist/shared/ui/formControlElements/ui/FieldAttachment.d.ts +13 -0
- package/dist/shared/ui/formControlElements/ui/FieldContainer.d.ts +14 -0
- package/dist/shared/ui/formControlElements/ui/FieldWrapper.d.ts +14 -0
- package/dist/shared/ui/formControlElements/ui/MessageView.d.ts +13 -0
- package/dist/shared/ui/formControlElements/ui/index.d.ts +4 -0
- package/dist/shared/ui/icon/Icon.d.ts +10 -0
- package/{lib/shared/ui/icon/index.ts → dist/shared/ui/icon/index.d.ts} +2 -2
- package/dist/shared/ui/icon/sprite.gen.d.ts +17 -0
- package/dist/shared/ui/index.d.ts +21 -0
- package/dist/shared/ui/popover/Popover.d.ts +23 -0
- package/dist/shared/ui/popover/index.d.ts +1 -0
- package/dist/shared/ui/table/Table.d.ts +17 -0
- package/dist/shared/ui/table/index.d.ts +1 -0
- package/dist/shared/ui/table/type.d.ts +21 -0
- package/dist/shared/utils/capitalize.d.ts +1 -0
- package/dist/shared/utils/cn.d.ts +2 -0
- package/dist/shared/utils/deepCompare.d.ts +1 -0
- package/dist/shared/utils/formatToDate.d.ts +1 -0
- package/dist/shared/utils/index.d.ts +5 -0
- package/dist/shared/utils/isClient.d.ts +1 -0
- package/dist/shared/validation/index.d.ts +3 -0
- package/dist/shared/validation/messages.d.ts +12 -0
- package/dist/shared/validation/regExp.d.ts +3 -0
- package/dist/shared/validation/zodValidation/calendar.d.ts +2 -0
- package/dist/shared/validation/zodValidation/dadataFio.d.ts +6 -0
- package/dist/shared/validation/zodValidation/index.d.ts +2 -0
- package/dist/widgets/Advantages.d.ts +17 -0
- package/dist/widgets/banner/Banner.d.ts +28 -0
- package/dist/widgets/banner/index.d.ts +1 -0
- package/dist/widgets/banner/model/helpers.d.ts +4 -0
- package/dist/widgets/banner/ui/BannerButtonsGroup.d.ts +12 -0
- package/{lib/widgets/index.ts → dist/widgets/index.d.ts} +3 -3
- package/dist/widgets/pageHeader/PageHeader.d.ts +16 -0
- package/{lib/widgets/pageHeader/index.ts → dist/widgets/pageHeader/index.d.ts} +1 -1
- package/package.json +8 -5
- package/.env +0 -2
- package/.eslintrc.cjs +0 -134
- package/.github/workflows/npm-publish.yml +0 -22
- package/.github/workflows/publish.yml +0 -49
- package/.github/workflows/setup-node/action.yml +0 -22
- package/.husky/pre-commit +0 -1
- package/.prettierrc +0 -19
- package/.storybook/main.ts +0 -44
- package/.storybook/preview.tsx +0 -37
- package/chromatic.config.json +0 -5
- package/index.html +0 -13
- package/lib/client.ts +0 -80
- package/lib/configs/index.ts +0 -1
- package/lib/configs/tailwindConfigBase.ts +0 -110
- package/lib/server.ts +0 -2
- package/lib/shared/constants/api.ts +0 -2
- package/lib/shared/constants/designSystem/colors.ts +0 -117
- package/lib/shared/constants/designSystem/index.ts +0 -3
- package/lib/shared/constants/designSystem/others.ts +0 -18
- package/lib/shared/constants/designSystem/typography.ts +0 -88
- package/lib/shared/constants/index.ts +0 -2
- package/lib/shared/hooks/index.ts +0 -4
- package/lib/shared/hooks/useBoolean.ts +0 -12
- package/lib/shared/hooks/useClickOutside.ts +0 -19
- package/lib/shared/hooks/useControlledForm.ts +0 -16
- package/lib/shared/hooks/useDebounce.ts +0 -38
- package/lib/shared/style.css +0 -74
- package/lib/shared/ui/Badge.tsx +0 -20
- package/lib/shared/ui/Breadcrumbs.tsx +0 -57
- package/lib/shared/ui/ButtonIcon.tsx +0 -52
- package/lib/shared/ui/CustomLink.tsx +0 -70
- package/lib/shared/ui/Document.tsx +0 -51
- package/lib/shared/ui/Heading.tsx +0 -33
- package/lib/shared/ui/Hint.tsx +0 -62
- package/lib/shared/ui/Loader.tsx +0 -58
- package/lib/shared/ui/PhoneView.tsx +0 -23
- package/lib/shared/ui/Portal.tsx +0 -9
- package/lib/shared/ui/ProgressBar.tsx +0 -43
- package/lib/shared/ui/ResponsiveContainer.tsx +0 -11
- package/lib/shared/ui/Section.tsx +0 -15
- package/lib/shared/ui/Skeleton.tsx +0 -9
- package/lib/shared/ui/TabsSwitcher.tsx +0 -80
- package/lib/shared/ui/accordion/Accordion.tsx +0 -36
- package/lib/shared/ui/accordion/index.ts +0 -1
- package/lib/shared/ui/accordion/model/types.ts +0 -20
- package/lib/shared/ui/accordion/ui/AccordionHeader.tsx +0 -35
- package/lib/shared/ui/brandLogos.tsx +0 -14
- package/lib/shared/ui/button/Button.tsx +0 -111
- package/lib/shared/ui/button/index.ts +0 -1
- package/lib/shared/ui/button/model/helpers.ts +0 -16
- package/lib/shared/ui/calendar/Calendar.tsx +0 -228
- package/lib/shared/ui/calendar/index.ts +0 -231
- package/lib/shared/ui/calendar/model/animation.ts +0 -112
- package/lib/shared/ui/calendar/model/classes.ts +0 -34
- package/lib/shared/ui/calendar/model/helpers.ts +0 -51
- package/lib/shared/ui/calendar/model/hooks/index.ts +0 -2
- package/lib/shared/ui/calendar/model/hooks/useCalendarDropdowns.ts +0 -38
- package/lib/shared/ui/calendar/model/hooks/useDatePicker.ts +0 -103
- package/lib/shared/ui/calendar/ui/CalendarHeader.tsx +0 -54
- package/lib/shared/ui/calendar/ui/Dropdown.tsx +0 -75
- package/lib/shared/ui/calendar/ui/NavigationArrows.tsx +0 -23
- package/lib/shared/ui/calendar/ui/Weekdays.tsx +0 -16
- package/lib/shared/ui/calendar/ui/index.ts +0 -2
- package/lib/shared/ui/formControlElements/CheckboxControl.tsx +0 -92
- package/lib/shared/ui/formControlElements/FormControl.tsx +0 -5
- package/lib/shared/ui/formControlElements/InputControl.tsx +0 -68
- package/lib/shared/ui/formControlElements/InputControlMask.tsx +0 -80
- package/lib/shared/ui/formControlElements/RadioControl.tsx +0 -130
- package/lib/shared/ui/formControlElements/SelectControl.tsx +0 -185
- package/lib/shared/ui/formControlElements/SwitchControl.tsx +0 -79
- package/lib/shared/ui/formControlElements/TextareaControl.tsx +0 -92
- package/lib/shared/ui/formControlElements/calendarControl/CalendarControl.tsx +0 -175
- package/lib/shared/ui/formControlElements/calendarControl/hooks/index.ts +0 -2
- package/lib/shared/ui/formControlElements/calendarControl/hooks/useCalendar.tsx +0 -86
- package/lib/shared/ui/formControlElements/calendarControl/hooks/useCalendarDropdowns.ts +0 -38
- package/lib/shared/ui/formControlElements/calendarControl/model/helpers.ts +0 -60
- package/lib/shared/ui/formControlElements/calendarControl/model/types.ts +0 -44
- package/lib/shared/ui/formControlElements/calendarControl/ui/DaysOfMonth.tsx +0 -53
- package/lib/shared/ui/formControlElements/calendarControl/ui/DaysOfWeek.tsx +0 -28
- package/lib/shared/ui/formControlElements/calendarControl/ui/Dropdown.tsx +0 -62
- package/lib/shared/ui/formControlElements/calendarControl/ui/Header.tsx +0 -51
- package/lib/shared/ui/formControlElements/calendarControl/ui/Navigation.tsx +0 -32
- package/lib/shared/ui/formControlElements/calendarControl/ui/OptionsList.tsx +0 -44
- package/lib/shared/ui/formControlElements/calendarControl/ui/index.ts +0 -4
- package/lib/shared/ui/formControlElements/dadata/DadataInputControl.tsx +0 -132
- package/lib/shared/ui/formControlElements/dadata/model/api.ts +0 -25
- package/lib/shared/ui/formControlElements/dadata/model/helpers.ts +0 -76
- package/lib/shared/ui/formControlElements/dadata/model/types.ts +0 -52
- package/lib/shared/ui/formControlElements/dadata/model/useDadata.ts +0 -25
- package/lib/shared/ui/formControlElements/model/classes-types.ts +0 -22
- package/lib/shared/ui/formControlElements/model/index.ts +0 -2
- package/lib/shared/ui/formControlElements/model/props-types.ts +0 -26
- package/lib/shared/ui/formControlElements/ui/FieldAttachment.tsx +0 -66
- package/lib/shared/ui/formControlElements/ui/FieldContainer.tsx +0 -36
- package/lib/shared/ui/formControlElements/ui/FieldWrapper.tsx +0 -55
- package/lib/shared/ui/formControlElements/ui/MessageView.tsx +0 -37
- package/lib/shared/ui/formControlElements/ui/index.ts +0 -4
- package/lib/shared/ui/icon/Icon.tsx +0 -43
- package/lib/shared/ui/icon/sprite.gen.ts +0 -121
- package/lib/shared/ui/index.ts +0 -56
- package/lib/shared/ui/popover/Popover.tsx +0 -77
- package/lib/shared/ui/popover/index.ts +0 -1
- package/lib/shared/ui/table/Table.tsx +0 -143
- package/lib/shared/ui/table/index.ts +0 -1
- package/lib/shared/ui/table/type.ts +0 -30
- package/lib/shared/utils/capitalize.ts +0 -6
- package/lib/shared/utils/cn.ts +0 -6
- package/lib/shared/utils/deepCompare.ts +0 -1
- package/lib/shared/utils/formatToDate.ts +0 -5
- package/lib/shared/utils/index.ts +0 -5
- package/lib/shared/utils/isClient.ts +0 -1
- package/lib/shared/validation/index.ts +0 -3
- package/lib/shared/validation/messages.ts +0 -12
- package/lib/shared/validation/regExp.ts +0 -5
- package/lib/shared/validation/zodValidation/calendar.ts +0 -32
- package/lib/shared/validation/zodValidation/dadataFio.ts +0 -67
- package/lib/shared/validation/zodValidation/index.ts +0 -2
- package/lib/vite-env.d.ts +0 -2
- package/lib/widgets/Advantages.tsx +0 -45
- package/lib/widgets/banner/Banner.tsx +0 -62
- package/lib/widgets/banner/index.ts +0 -1
- package/lib/widgets/banner/model/helpers.ts +0 -44
- package/lib/widgets/banner/money.png +0 -0
- package/lib/widgets/banner/ui/BannerButtonsGroup.tsx +0 -30
- package/lib/widgets/pageHeader/PageHeader.tsx +0 -54
- package/postcss.config.mjs +0 -8
- package/src/App.tsx +0 -9
- package/src/app/providers/RootProvider.tsx +0 -11
- package/src/app/providers/index.ts +0 -1
- package/src/app/providers/model/types.ts +0 -5
- package/src/app/providers/ui/ToasterProvider.tsx +0 -23
- package/src/app/providers/ui/index.ts +0 -1
- package/src/configs/setup.ts +0 -9
- package/src/configs/storybook.config.ts +0 -23
- package/src/main.tsx +0 -10
- package/src/stories/primitives/Accordion.stories.tsx +0 -66
- package/src/stories/primitives/Badge.stories.tsx +0 -28
- package/src/stories/primitives/Breadcrumbs.stories.tsx +0 -29
- package/src/stories/primitives/Button/Button.stories.tsx +0 -149
- package/src/stories/primitives/Button/Button.test.tsx +0 -150
- package/src/stories/primitives/ButtonIcon.stories.tsx +0 -75
- package/src/stories/primitives/CustomLink.stories.tsx +0 -64
- package/src/stories/primitives/Document.stories.tsx +0 -36
- package/src/stories/primitives/Heading.stories.tsx +0 -29
- package/src/stories/primitives/Hint.stories.tsx +0 -82
- package/src/stories/primitives/Icon.stories.tsx +0 -36
- package/src/stories/primitives/Loader.stories.tsx +0 -39
- package/src/stories/primitives/PhoneView.stories.tsx +0 -22
- package/src/stories/primitives/Popover.stories.tsx +0 -41
- package/src/stories/primitives/ProgressBar.stories.tsx +0 -68
- package/src/stories/primitives/Skeleton.stories.tsx +0 -21
- package/src/stories/primitives/Table.stories.tsx +0 -44
- package/src/stories/primitives/TabsSwitcher.stories.tsx +0 -34
- package/src/stories/primitives/formControl/Calendar.stories.tsx +0 -61
- package/src/stories/primitives/formControl/CalendarControl.stories.tsx +0 -39
- package/src/stories/primitives/formControl/CheckboxControl.stories.tsx +0 -64
- package/src/stories/primitives/formControl/DadataInputControl.stories.tsx +0 -83
- package/src/stories/primitives/formControl/FormControlAllFields.stories.tsx +0 -25
- package/src/stories/primitives/formControl/InputControl.stories.tsx +0 -77
- package/src/stories/primitives/formControl/RadioContol.stories.tsx +0 -63
- package/src/stories/primitives/formControl/SelectControl.stories.tsx +0 -117
- package/src/stories/primitives/formControl/SwitchControl.stories.tsx +0 -51
- package/src/stories/primitives/formControl/TextareaControl.stories.tsx +0 -55
- package/src/stories/primitives/formControl/inputControlMask.stories.tsx +0 -69
- package/src/stories/widgets/Advantages.stories.tsx +0 -42
- package/src/stories/widgets/Banner.stories.tsx +0 -40
- package/src/stories/widgets/PageHeader.stories.tsx +0 -33
- package/src/storybookHelpers/actions.tsx +0 -5
- package/src/storybookHelpers/index.ts +0 -2
- package/src/storybookHelpers/reactHookForm/index.ts +0 -3
- package/src/storybookHelpers/reactHookForm/model/mockData.ts +0 -21
- package/src/storybookHelpers/reactHookForm/model/mocks.tsx +0 -71
- package/src/storybookHelpers/reactHookForm/model/types.ts +0 -62
- package/src/storybookHelpers/reactHookForm/ui/StorybookFieldsMapper.tsx +0 -76
- package/src/storybookHelpers/reactHookForm/ui/StorybookFormProvider.tsx +0 -43
- package/src/storybookHelpers/reactHookForm/ui/index.ts +0 -2
- package/src/storybookHelpers/table/utils/defaultValue.ts +0 -51
- package/static/arrows/arrowCircle.svg +0 -18
- package/static/arrows/arrowLink.svg +0 -3
- package/static/arrows/arrowRight.svg +0 -3
- package/static/brandLogos/logoBlack.svg +0 -14
- package/static/brandLogos/logoBusiness.svg +0 -80
- package/static/brandLogos/logoGray.svg +0 -56
- package/static/brandLogos/logoInsurance.svg +0 -124
- package/static/brandLogos/logoMain.svg +0 -14
- package/static/brandLogos/logoWhite.svg +0 -56
- package/static/files/documentFilled.svg +0 -4
- package/static/files/documentOutline.svg +0 -4
- package/static/general/calendar.svg +0 -3
- package/static/general/check.svg +0 -6
- package/static/general/close.svg +0 -12
- package/static/info/warningCircle.svg +0 -5
- package/tailwind.config.ts +0 -9
- package/tsconfig.json +0 -33
- package/tsconfig.node.json +0 -11
- package/vite.config.ts +0 -63
- package/vitest.config.mjs +0 -12
- /package/{public → dist}/sprites/arrows.svg +0 -0
- /package/{public → dist}/sprites/brandLogos.svg +0 -0
- /package/{public → dist}/sprites/common.svg +0 -0
- /package/{public → dist}/sprites/files.svg +0 -0
- /package/{public → dist}/sprites/general.svg +0 -0
- /package/{public → dist}/sprites/info.svg +0 -0
package/.storybook/preview.tsx
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { RootProvider } from '../src/app/providers'
|
|
2
|
-
import '../lib/shared/style.css'
|
|
3
|
-
import { STORYBOOK_VIEWPORTS } from '../src/configs/storybook.config'
|
|
4
|
-
import type { Preview } from '@storybook/react'
|
|
5
|
-
import { withConsole } from '@storybook/addon-console'
|
|
6
|
-
import React from 'react'
|
|
7
|
-
import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'
|
|
8
|
-
|
|
9
|
-
const preview: Preview = {
|
|
10
|
-
decorators: [
|
|
11
|
-
(storyFn, context) => withConsole()(storyFn)(context),
|
|
12
|
-
(Story) => (
|
|
13
|
-
<RootProvider>
|
|
14
|
-
<Story />
|
|
15
|
-
</RootProvider>
|
|
16
|
-
)
|
|
17
|
-
],
|
|
18
|
-
|
|
19
|
-
parameters: {
|
|
20
|
-
layout: 'fullscreen',
|
|
21
|
-
viewport: {
|
|
22
|
-
viewports: {
|
|
23
|
-
...STORYBOOK_VIEWPORTS,
|
|
24
|
-
...INITIAL_VIEWPORTS
|
|
25
|
-
},
|
|
26
|
-
defaultViewport: 'fullscreen'
|
|
27
|
-
},
|
|
28
|
-
controls: {
|
|
29
|
-
matchers: {
|
|
30
|
-
color: /(background|color)$/i,
|
|
31
|
-
date: /Date$/i
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
export default preview
|
package/chromatic.config.json
DELETED
package/index.html
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<title>UI-KIT</title>
|
|
8
|
-
</head>
|
|
9
|
-
<body>
|
|
10
|
-
<div id="root"></div>
|
|
11
|
-
<script type="module" src="/src/main.tsx"></script>
|
|
12
|
-
</body>
|
|
13
|
-
</html>
|
package/lib/client.ts
DELETED
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
export * from './shared/ui/button'
|
|
2
|
-
export * from './shared/ui/accordion'
|
|
3
|
-
// import './shared/style.css'
|
|
4
|
-
// "exports": {
|
|
5
|
-
// ".": {
|
|
6
|
-
// "import": "./dist/ui.es.js",
|
|
7
|
-
// "require": "./dist/ui.umd.cjs",
|
|
8
|
-
// "types": "./dist/index.d.ts"
|
|
9
|
-
// },
|
|
10
|
-
// "./dist/style.css": "./dist/style.css"
|
|
11
|
-
// },
|
|
12
|
-
// "main": "./dist/ui.umd.cjs",
|
|
13
|
-
// "module": "./dist/ui.es.js",
|
|
14
|
-
// "types": "./dist/index.d.ts",
|
|
15
|
-
// "files": [
|
|
16
|
-
// "dist"
|
|
17
|
-
// ],
|
|
18
|
-
// export * from './shared/constants'
|
|
19
|
-
// export * from './shared/hooks'
|
|
20
|
-
// export * from './shared/ui'
|
|
21
|
-
// export * from './shared/utils'
|
|
22
|
-
// export * from './shared/validation'
|
|
23
|
-
// export * from './widgets'
|
|
24
|
-
// export * from './configs'
|
|
25
|
-
// # BASE
|
|
26
|
-
// export { Section, type ISectionProps } from './shared/ui/Section'
|
|
27
|
-
// export { ResponsiveContainer, type IResponsiveContainerProps } from './shared/ui/ResponsiveContainer'
|
|
28
|
-
// export { Button, type IButtonProps } from './shared/ui/button'
|
|
29
|
-
// export { ButtonIcon, type IButtonIconProps } from './shared/ui/ButtonIcon'
|
|
30
|
-
// export { PhoneView } from './shared/ui/PhoneView'
|
|
31
|
-
// export { Badge, type IBadgeProps } from './shared/ui/Badge'
|
|
32
|
-
// export { Loader, type ILoaderProps } from './shared/ui/Loader'
|
|
33
|
-
// export { Skeleton, type ISkeletonProps } from './shared/ui/Skeleton'
|
|
34
|
-
// export { Table } from './shared/ui/table'
|
|
35
|
-
|
|
36
|
-
// // # INTERACTIVE
|
|
37
|
-
// export { Accordion, type IAccordionProps } from './shared/ui/accordion'
|
|
38
|
-
// export { Hint, type IHintProps } from './shared/ui/Hint'
|
|
39
|
-
// export { Popover } from './shared/ui/popover'
|
|
40
|
-
// export { ProgressBar, type IProgressBarProps } from './shared/ui/ProgressBar'
|
|
41
|
-
// export { TabsSwitcher, type ITabsSwitcherProps, type ITabRenderContent } from './shared/ui/TabsSwitcher'
|
|
42
|
-
|
|
43
|
-
// // # TYPOGRAPHY
|
|
44
|
-
// export { Heading, type IHeadingProps } from './shared/ui/Heading'
|
|
45
|
-
|
|
46
|
-
// // # ICONS
|
|
47
|
-
// export { Icon, type IconProps, type TAllowedIcons } from './shared/ui/icon'
|
|
48
|
-
// export { brandLogos, type TBrandLogoVariant } from './shared/ui/brandLogos'
|
|
49
|
-
|
|
50
|
-
// // # NAVIGATION
|
|
51
|
-
// export { Breadcrumbs, type IBreadcrumbsProps } from './shared/ui/Breadcrumbs'
|
|
52
|
-
// export { CustomLink, type ICustomLinkProps } from './shared/ui/CustomLink'
|
|
53
|
-
|
|
54
|
-
// // # FILes
|
|
55
|
-
// export { Document, type IDocumentProps } from './shared/ui/Document'
|
|
56
|
-
|
|
57
|
-
// // # CONTROLLED FORM UI
|
|
58
|
-
// export {
|
|
59
|
-
// FormControl,
|
|
60
|
-
// InputControl,
|
|
61
|
-
// type InputControlProps,
|
|
62
|
-
// InputControlMask,
|
|
63
|
-
// type InputControlMaskProps,
|
|
64
|
-
// DadataInputControl,
|
|
65
|
-
// type IDadataInputControlProps,
|
|
66
|
-
// CheckboxControl,
|
|
67
|
-
// type ICheckboxControlProps,
|
|
68
|
-
// RadioControl,
|
|
69
|
-
// type IRadioControlProps,
|
|
70
|
-
// type IRadioGroupOption,
|
|
71
|
-
// SwitchControl,
|
|
72
|
-
// type ISwitchControlProps,
|
|
73
|
-
// SelectControl,
|
|
74
|
-
// type ISelectControlProps,
|
|
75
|
-
// type ISelectOption,
|
|
76
|
-
// TextareaControl,
|
|
77
|
-
// type ITextareaControlProps,
|
|
78
|
-
// CalendarControl,
|
|
79
|
-
// type ICalendarControlProps
|
|
80
|
-
// } from './shared/ui/formControlElements'
|
package/lib/configs/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { tailwindConfigBase } from './tailwindConfigBase'
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import type { Config } from 'tailwindcss'
|
|
2
|
-
import plugin from 'tailwindcss/plugin'
|
|
3
|
-
import tailwindAnimation from 'tailwindcss-animate'
|
|
4
|
-
import {
|
|
5
|
-
allowedBackgroundColors,
|
|
6
|
-
allowedBackgroundDeg,
|
|
7
|
-
allowedBannersBackgroundColors,
|
|
8
|
-
allowedBorderRadius,
|
|
9
|
-
allowedFontSize,
|
|
10
|
-
allowedIconsColors,
|
|
11
|
-
allowedLineHeight,
|
|
12
|
-
allowedStrokeColors,
|
|
13
|
-
allowedTextColors,
|
|
14
|
-
allowedTextStyles
|
|
15
|
-
} from '../shared/constants'
|
|
16
|
-
|
|
17
|
-
export const tailwindConfigBase: Omit<Config, 'content'> = {
|
|
18
|
-
theme: {
|
|
19
|
-
screens: {
|
|
20
|
-
mobile: { max: '1187px' },
|
|
21
|
-
desktop: '1188px'
|
|
22
|
-
},
|
|
23
|
-
backgroundColor: {
|
|
24
|
-
color: allowedBackgroundColors,
|
|
25
|
-
banner: allowedBannersBackgroundColors,
|
|
26
|
-
icon: allowedIconsColors
|
|
27
|
-
},
|
|
28
|
-
textColor: {
|
|
29
|
-
icon: allowedIconsColors,
|
|
30
|
-
color: allowedTextColors
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
fill: allowedIconsColors,
|
|
34
|
-
stroke: allowedIconsColors,
|
|
35
|
-
borderColor: allowedStrokeColors,
|
|
36
|
-
outlineColor: allowedStrokeColors,
|
|
37
|
-
borderRadius: allowedBorderRadius,
|
|
38
|
-
fontFamily: { roboto: ['var(--ff-roboto)', 'sans-serif'] },
|
|
39
|
-
fontSize: allowedFontSize,
|
|
40
|
-
lineHeight: allowedLineHeight,
|
|
41
|
-
gradientColorStops: allowedBackgroundColors,
|
|
42
|
-
boxShadow: {
|
|
43
|
-
sm: '0 8px 20px 0 rgba(0, 0, 0, 0.08)',
|
|
44
|
-
md: '0 12px 20px 0 rgba(0, 33, 87, 0.10)',
|
|
45
|
-
lg: '0 16px 24px 0 rgba(0, 33, 87, 0.16)'
|
|
46
|
-
},
|
|
47
|
-
extend: {
|
|
48
|
-
bgGradientDeg: allowedBackgroundDeg,
|
|
49
|
-
width: {
|
|
50
|
-
'popper-content': 'var(--radix-popover-content-available-width)',
|
|
51
|
-
'popper-trigger': 'var(--radix-popover-trigger-width)',
|
|
52
|
-
'autocomplete-input': 'var(--input-width)',
|
|
53
|
-
'select-trigger': 'var(--button-width)'
|
|
54
|
-
},
|
|
55
|
-
transitionDuration: {
|
|
56
|
-
DEFAULT: '0.3s',
|
|
57
|
-
12: '0.12s',
|
|
58
|
-
15: '0.15s',
|
|
59
|
-
2: '2s'
|
|
60
|
-
},
|
|
61
|
-
transitionTimingFunction: {
|
|
62
|
-
DEFAULT: 'ease-in-out'
|
|
63
|
-
},
|
|
64
|
-
keyframes: {
|
|
65
|
-
slideDown: {
|
|
66
|
-
from: { height: '0px' },
|
|
67
|
-
to: { height: 'var(--radix-accordion-content-height)' }
|
|
68
|
-
},
|
|
69
|
-
slideUp: {
|
|
70
|
-
from: { height: 'var(--radix-accordion-content-height)' },
|
|
71
|
-
to: { height: '0px' }
|
|
72
|
-
},
|
|
73
|
-
'scale-in': {
|
|
74
|
-
from: { opacity: '0', scale: '0' },
|
|
75
|
-
to: { opacity: '1', scale: '1' }
|
|
76
|
-
},
|
|
77
|
-
'progress-loader': {
|
|
78
|
-
'100%': {
|
|
79
|
-
backgroundPosition: '100% 100%'
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
animation: {
|
|
84
|
-
slideDown: 'slideDown 0.3s cubic-bezier(0.87, 0, 0.13, 1)',
|
|
85
|
-
slideUp: 'slideUp 0.3s cubic-bezier(0.87, 0, 0.13, 1)',
|
|
86
|
-
'scale-in': 'scale-in 0.3s ease-in-out',
|
|
87
|
-
'progress-loader': 'progress-loader 250s linear infinite'
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
},
|
|
91
|
-
plugins: [
|
|
92
|
-
// eslint-disable-next-line global-require
|
|
93
|
-
tailwindAnimation,
|
|
94
|
-
plugin(({ addComponents }) => {
|
|
95
|
-
addComponents(allowedTextStyles)
|
|
96
|
-
}),
|
|
97
|
-
plugin(function ({ matchUtilities, theme }) {
|
|
98
|
-
matchUtilities(
|
|
99
|
-
{
|
|
100
|
-
'bg-deg-gradient': (angle) => ({
|
|
101
|
-
'background-image': `linear-gradient(${angle}, var(--tw-gradient-stops))`
|
|
102
|
-
})
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
values: Object.assign(theme('bgGradientDeg', {}), {})
|
|
106
|
-
}
|
|
107
|
-
)
|
|
108
|
-
})
|
|
109
|
-
]
|
|
110
|
-
}
|
package/lib/server.ts
DELETED
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
const rootStyles = {
|
|
2
|
-
transparent: 'transparent',
|
|
3
|
-
current: 'currentColor',
|
|
4
|
-
inherit: 'inherit',
|
|
5
|
-
initial: 'initial'
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
const allowedBackgroundColors = {
|
|
9
|
-
'blue-grey-100': '#f3f4f7',
|
|
10
|
-
'blue-grey-200': '#eaedf1',
|
|
11
|
-
'blue-grey-300': '#d4dbe2',
|
|
12
|
-
'blue-grey-500': '#a9b6c5',
|
|
13
|
-
footer: '#40465a',
|
|
14
|
-
negative: '#f42500',
|
|
15
|
-
'negative-light': '#ffd2ca',
|
|
16
|
-
positive: '#76bc21',
|
|
17
|
-
'positive-light': '#e4f6ce',
|
|
18
|
-
'primary-default': '#003790',
|
|
19
|
-
'primary-focus': '#2477ff',
|
|
20
|
-
'primary-hover': '#042e73',
|
|
21
|
-
'primary-light-default': '#f0f4f9',
|
|
22
|
-
'primary-tr-focus': '#0037901f',
|
|
23
|
-
'primary-tr-hover': '#00379014',
|
|
24
|
-
'primary-tr-pressed': '#00379033',
|
|
25
|
-
'secondary-default': '#fc5055',
|
|
26
|
-
'secondary-hover': '#f12f34',
|
|
27
|
-
warning: '#f49f00',
|
|
28
|
-
'warning-light': '#ffeecc',
|
|
29
|
-
white: '#ffffff',
|
|
30
|
-
'primary-disabled': '#809bc7',
|
|
31
|
-
'secondary-disabled': '#FFB7BF',
|
|
32
|
-
...rootStyles
|
|
33
|
-
} as const
|
|
34
|
-
|
|
35
|
-
const allowedTextColors = {
|
|
36
|
-
dark: '#292929',
|
|
37
|
-
disabled: '#a9b6c5',
|
|
38
|
-
footer: '#c3c3c3',
|
|
39
|
-
negative: '#f42500',
|
|
40
|
-
positive: '#76bc21',
|
|
41
|
-
'primary-default': '#003790',
|
|
42
|
-
'primary-hover': '#042e73',
|
|
43
|
-
secondary: '#40465a',
|
|
44
|
-
tetriary: '#5a6e85',
|
|
45
|
-
warning: '#f49f00',
|
|
46
|
-
white: '#ffffff',
|
|
47
|
-
'primary-disabled': '#809bc7',
|
|
48
|
-
'blue-grey-600': '#94a4b7',
|
|
49
|
-
...rootStyles
|
|
50
|
-
} as const
|
|
51
|
-
|
|
52
|
-
const allowedBannersBackgroundColors = {
|
|
53
|
-
'barvcray-200': '#ebeef4',
|
|
54
|
-
'barvcray-300': '#dde1e8',
|
|
55
|
-
'greymint-200': '#deecee',
|
|
56
|
-
'lavender-100': '#f7f7ff',
|
|
57
|
-
'lavender-200': '#ecedfa',
|
|
58
|
-
'lavender-300': '#d0d3f1',
|
|
59
|
-
'lightblue-300': '#bed3ec',
|
|
60
|
-
'mint-200': '#e4f5ed',
|
|
61
|
-
'salmon-200': '#faecec',
|
|
62
|
-
'skyblue-100': '#f4f8fe',
|
|
63
|
-
'skyblue-200': '#e7f3ff',
|
|
64
|
-
'skyblue-300': '#d9edff',
|
|
65
|
-
...rootStyles
|
|
66
|
-
} as const
|
|
67
|
-
|
|
68
|
-
const allowedIconsColors = {
|
|
69
|
-
'accent-default': '#2477ff',
|
|
70
|
-
'accent-hover': '#0053da',
|
|
71
|
-
'blue-grey-100': '#f3f4f7',
|
|
72
|
-
'blue-grey-600': '#94a4b7',
|
|
73
|
-
'blue-grey-700': '#69809a',
|
|
74
|
-
'blue-grey-800': '#5a6e85',
|
|
75
|
-
'dark-default': '#292929',
|
|
76
|
-
'dark-hover': '#535353',
|
|
77
|
-
disabled: '#a9b6c5',
|
|
78
|
-
'negative-default': '#f42500',
|
|
79
|
-
'negative-hover': '#c31e00',
|
|
80
|
-
'positive-default': '#76bc21',
|
|
81
|
-
'positive-hover': '#598d19',
|
|
82
|
-
'primary-default': '#003790',
|
|
83
|
-
'primary-hover': '#042e73',
|
|
84
|
-
'secondary-dark-default': '#f12f34',
|
|
85
|
-
'secondary-dark-hover': '#c40309',
|
|
86
|
-
'secondary-default': '#fc5055',
|
|
87
|
-
'secondary-hover': '#f12f34',
|
|
88
|
-
'warning-default': '#f49f00',
|
|
89
|
-
'warning-hover': '#d68b00',
|
|
90
|
-
white: '#ffffff',
|
|
91
|
-
'primary-disabled': '#809bc7',
|
|
92
|
-
footer: '#C3C3C3',
|
|
93
|
-
...rootStyles
|
|
94
|
-
} as const
|
|
95
|
-
|
|
96
|
-
const allowedStrokeColors = {
|
|
97
|
-
'blue-grey-500': '#a9b6c5',
|
|
98
|
-
'blue-grey-700': '#69809a',
|
|
99
|
-
'blue-grey-800': '#5a6e85',
|
|
100
|
-
dark: '#292929',
|
|
101
|
-
negative: '#f42500',
|
|
102
|
-
positive: '#76bc21',
|
|
103
|
-
'primary-default': '#003790',
|
|
104
|
-
'primary-focus': '#2477ff',
|
|
105
|
-
'primary-hover': '#042e73',
|
|
106
|
-
'primary-light': '#f0f4f9',
|
|
107
|
-
'secondary-default': '#fc5055',
|
|
108
|
-
'secondary-hover': '#f12f34',
|
|
109
|
-
'warm-grey-200': '#e4e4e4',
|
|
110
|
-
'warm-grey-300': '#c3c3c3',
|
|
111
|
-
warning: '#f49f00',
|
|
112
|
-
white: '#ffffff',
|
|
113
|
-
'primary-disabled': '#809bc7',
|
|
114
|
-
...rootStyles
|
|
115
|
-
} as const
|
|
116
|
-
|
|
117
|
-
export { allowedStrokeColors, allowedBannersBackgroundColors, allowedIconsColors, allowedTextColors, allowedBackgroundColors }
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
const allowedBorderRadius = {
|
|
2
|
-
none: '0',
|
|
3
|
-
sm: '4px',
|
|
4
|
-
md: '8px',
|
|
5
|
-
lg: '16px',
|
|
6
|
-
full: '9999px'
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
const allowedBackgroundDeg = {
|
|
10
|
-
30: '30deg',
|
|
11
|
-
45: '45deg',
|
|
12
|
-
80: '80deg',
|
|
13
|
-
90: '90deg',
|
|
14
|
-
110: '110deg',
|
|
15
|
-
180: '180deg'
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export { allowedBorderRadius, allowedBackgroundDeg }
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
const allowedFontSize = {
|
|
2
|
-
12: '12px',
|
|
3
|
-
14: '14px',
|
|
4
|
-
16: '16px',
|
|
5
|
-
18: '18px',
|
|
6
|
-
20: '20px',
|
|
7
|
-
24: '24px',
|
|
8
|
-
28: '28px',
|
|
9
|
-
32: '32px',
|
|
10
|
-
40: '40px'
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
const allowedLineHeight = {
|
|
14
|
-
16: '16px',
|
|
15
|
-
20: '20px',
|
|
16
|
-
22: '22px',
|
|
17
|
-
24: '24px',
|
|
18
|
-
30: '30px',
|
|
19
|
-
32: '32px',
|
|
20
|
-
40: '40px',
|
|
21
|
-
48: '48px'
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
const allowedTextStyles = {
|
|
25
|
-
/* # Headline */
|
|
26
|
-
'.mob-headline-bold-m': {
|
|
27
|
-
'@apply font-bold text-28 leading-32': ''
|
|
28
|
-
},
|
|
29
|
-
'.mob-headline-bold-s': {
|
|
30
|
-
'@apply font-bold text-24 leading-30': ''
|
|
31
|
-
},
|
|
32
|
-
/* # Title */
|
|
33
|
-
'.mob-title-bold-l': {
|
|
34
|
-
'@apply font-bold text-20 leading-24': ''
|
|
35
|
-
},
|
|
36
|
-
'.mob-title-bold-m': {
|
|
37
|
-
'@apply font-bold text-18 leading-22': ''
|
|
38
|
-
},
|
|
39
|
-
/* # Body */
|
|
40
|
-
'.mob-body-medium-l': {
|
|
41
|
-
'@apply font-medium text-16 leading-22': ''
|
|
42
|
-
},
|
|
43
|
-
'.mob-body-regular-l': {
|
|
44
|
-
'@apply font-normal text-16 leading-22': ''
|
|
45
|
-
},
|
|
46
|
-
'.mob-body-medium-m': {
|
|
47
|
-
'@apply font-medium text-14 leading-20': ''
|
|
48
|
-
},
|
|
49
|
-
'.mob-body-regular-m': {
|
|
50
|
-
'@apply font-normal text-14 leading-20': ''
|
|
51
|
-
},
|
|
52
|
-
'.mob-body-regular-s': {
|
|
53
|
-
'@apply font-normal text-12 leading-20': ''
|
|
54
|
-
},
|
|
55
|
-
|
|
56
|
-
/* -------- Desktop Typography -------- */
|
|
57
|
-
/* # Headline */
|
|
58
|
-
'.desk-headline-bold-l': {
|
|
59
|
-
'@apply font-bold text-40 leading-48': ''
|
|
60
|
-
},
|
|
61
|
-
'.desk-headline-bold-m': {
|
|
62
|
-
'@apply font-bold text-32 leading-40': ''
|
|
63
|
-
},
|
|
64
|
-
|
|
65
|
-
/* # Title */
|
|
66
|
-
'.desk-title-bold-l': {
|
|
67
|
-
'@apply font-bold text-24 leading-30': ''
|
|
68
|
-
},
|
|
69
|
-
'.desk-title-bold-s': {
|
|
70
|
-
'@apply font-bold text-18 leading-22': ''
|
|
71
|
-
},
|
|
72
|
-
|
|
73
|
-
/* # Body */
|
|
74
|
-
'.desk-body-medium-l': {
|
|
75
|
-
'@apply font-medium text-16 leading-22': ''
|
|
76
|
-
},
|
|
77
|
-
'.desk-body-regular-l': {
|
|
78
|
-
'@apply font-normal text-16 leading-22': ''
|
|
79
|
-
},
|
|
80
|
-
'.desk-body-regular-m': {
|
|
81
|
-
'@apply font-normal text-14 leading-20': ''
|
|
82
|
-
},
|
|
83
|
-
'.desk-body-regular-s': {
|
|
84
|
-
'@apply font-normal text-12 leading-16': ''
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
export { allowedLineHeight, allowedFontSize, allowedTextStyles }
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use client'
|
|
2
|
-
|
|
3
|
-
import * as React from 'react'
|
|
4
|
-
|
|
5
|
-
type UseBooleanReturn = [value: boolean, action: (val?: boolean) => void]
|
|
6
|
-
|
|
7
|
-
export const useBoolean = (initialValue = false): UseBooleanReturn => {
|
|
8
|
-
const [value, setValue] = React.useState(initialValue)
|
|
9
|
-
const action = (val?: boolean) => setValue((prevValue) => val ?? !prevValue)
|
|
10
|
-
|
|
11
|
-
return [value, action]
|
|
12
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use client'
|
|
2
|
-
|
|
3
|
-
import * as React from 'react'
|
|
4
|
-
|
|
5
|
-
export const useClickOutside = (ref: React.RefObject<HTMLElement>, callback: () => void) => {
|
|
6
|
-
const handleClickOutside = (event: MouseEvent) => {
|
|
7
|
-
if (ref.current && !ref.current.contains(event.target as Node)) {
|
|
8
|
-
callback()
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
React.useEffect(() => {
|
|
13
|
-
document.addEventListener('mousedown', handleClickOutside)
|
|
14
|
-
return () => {
|
|
15
|
-
document.removeEventListener('mousedown', handleClickOutside)
|
|
16
|
-
}
|
|
17
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18
|
-
}, [ref, callback])
|
|
19
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use client'
|
|
2
|
-
|
|
3
|
-
import { useForm, type UseFormProps } from 'react-hook-form'
|
|
4
|
-
import { zodResolver } from '@hookform/resolvers/zod'
|
|
5
|
-
import { type TypeOf, type ZodTypeAny } from 'zod'
|
|
6
|
-
|
|
7
|
-
interface UseControlledForm<T extends ZodTypeAny> extends UseFormProps<TypeOf<T>> {
|
|
8
|
-
schema: T
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const useControlledForm = <T extends ZodTypeAny>({ schema, ...formConfig }: UseControlledForm<T>) => {
|
|
12
|
-
return useForm({
|
|
13
|
-
...formConfig,
|
|
14
|
-
resolver: zodResolver(schema)
|
|
15
|
-
})
|
|
16
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
'use client'
|
|
2
|
-
|
|
3
|
-
import * as React from 'react'
|
|
4
|
-
|
|
5
|
-
export const debounce = <Params extends unknown[]>(
|
|
6
|
-
callback: (...args: Params) => void,
|
|
7
|
-
delay: number
|
|
8
|
-
): ((...args: Params) => void) => {
|
|
9
|
-
let timer: ReturnType<typeof setTimeout>
|
|
10
|
-
|
|
11
|
-
return function (...args: Params) {
|
|
12
|
-
clearTimeout(timer)
|
|
13
|
-
timer = setTimeout(() => callback(...args), delay)
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export const useDebounceCallback = <Params extends unknown[], Return>(callback: (...args: Params) => Return, delay: number) => {
|
|
18
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
19
|
-
const debounced = React.useMemo(() => debounce(callback, delay), [delay])
|
|
20
|
-
|
|
21
|
-
return debounced
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export const useDebounceValue = <Value>(value: Value, delay: number) => {
|
|
25
|
-
const previousValueRef = React.useRef(value)
|
|
26
|
-
const [debouncedValue, setDebounceValue] = React.useState(value)
|
|
27
|
-
|
|
28
|
-
const debouncedSetState = useDebounceCallback(setDebounceValue, delay)
|
|
29
|
-
|
|
30
|
-
React.useEffect(() => {
|
|
31
|
-
if (previousValueRef.current === value) return
|
|
32
|
-
debouncedSetState(value)
|
|
33
|
-
previousValueRef.current = value
|
|
34
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
35
|
-
}, [value])
|
|
36
|
-
|
|
37
|
-
return debouncedValue
|
|
38
|
-
}
|
package/lib/shared/style.css
DELETED
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
|
|
2
|
-
|
|
3
|
-
@tailwind base;
|
|
4
|
-
@tailwind components;
|
|
5
|
-
@tailwind utilities;
|
|
6
|
-
|
|
7
|
-
@layer utilities {
|
|
8
|
-
.text-balance {
|
|
9
|
-
text-wrap: balance;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
:root {
|
|
14
|
-
--ff-roboto: 'Roboto', sans-serif;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@layer components {
|
|
18
|
-
/* # Custom scroll */
|
|
19
|
-
.customScrollbar-y::-webkit-scrollbar {
|
|
20
|
-
width: 4px;
|
|
21
|
-
height: 4px;
|
|
22
|
-
}
|
|
23
|
-
.customScrollbar-y::-webkit-scrollbar-track {
|
|
24
|
-
border-radius: 8px;
|
|
25
|
-
background: #d4dbe2;
|
|
26
|
-
}
|
|
27
|
-
.customScrollbar-y::-webkit-scrollbar-thumb {
|
|
28
|
-
background: #a9b6c5;
|
|
29
|
-
border-radius: 8px;
|
|
30
|
-
}
|
|
31
|
-
.scrollHidden::-webkit-scrollbar {
|
|
32
|
-
width: 0;
|
|
33
|
-
height: 0;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.progressBar-apply {
|
|
37
|
-
background-image: repeating-linear-gradient(-33deg, #d4dbe2, #d4dbe2 5px, #f3f4f7 0, #f3f4f7 14px);
|
|
38
|
-
background-size: 2000% 2000%;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.skeleton-apply {
|
|
42
|
-
background: linear-gradient(80deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
|
|
43
|
-
background-size: 200% 100%;
|
|
44
|
-
animation: 1.5s shine linear infinite;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.rdp-vhidden {
|
|
48
|
-
@apply hidden;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
* {
|
|
53
|
-
box-sizing: border-box;
|
|
54
|
-
padding: 0;
|
|
55
|
-
margin: 0;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
body,
|
|
59
|
-
html {
|
|
60
|
-
font-family: var(--ff-roboto);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
input:-webkit-autofill,
|
|
64
|
-
input:-webkit-autofill:hover,
|
|
65
|
-
input:-webkit-autofill:focus,
|
|
66
|
-
input:-webkit-autofill:active {
|
|
67
|
-
transition: background-color 5000s ease-in-out 0s;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
@keyframes shine {
|
|
71
|
-
to {
|
|
72
|
-
background-position-x: -200%;
|
|
73
|
-
}
|
|
74
|
-
}
|