react-restyle-components 0.4.46 → 0.4.47
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/lib/index.js +1 -3
- package/lib/src/core-components/index.js +1 -1
- package/lib/src/core-components/src/components/Accordion/AccordionSection/Accordion.js +1 -15
- package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionContext.js +1 -6
- package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionSection.js +1 -39
- package/lib/src/core-components/src/components/Accordion/AccordionSection/Header.js +1 -39
- package/lib/src/core-components/src/components/Accordion/AccordionSection/elements.js +57 -94
- package/lib/src/core-components/src/components/Accordion/AccordionSection/hooks/useCurrentAccordionIndex.js +1 -13
- package/lib/src/core-components/src/components/Accordion/AccordionSection/index.js +1 -3
- package/lib/src/core-components/src/components/Accordion/AccordionSection/types.js +1 -9
- package/lib/src/core-components/src/components/Accordion/Collapsible/Collapsible2.component.js +1 -249
- package/lib/src/core-components/src/components/Action/types.js +1 -8
- package/lib/src/core-components/src/components/AlertBanner/AlertBanner.js +1 -45
- package/lib/src/core-components/src/components/AlertBanner/elements.js +45 -120
- package/lib/src/core-components/src/components/AlertBanner/index.js +1 -2
- package/lib/src/core-components/src/components/AlertBanner/types.js +1 -10
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-group-by-multiple-select-multiple-fields-display/auto-complete-filter-group-by-multiple-select-multiple-fields-display.component.js +1 -451
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.js +1 -229
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-multi-select-selected-top-display/auto-complete-filter-multi-select-selected-top-display.component.js +1 -174
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.js +2 -129
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-single-select/auto-complete-filter-single-select.component.js +1 -55
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.js +2 -308
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-group-by/auto-complete-group-by.component.js +1 -115
- package/lib/src/core-components/src/components/AutoComplete/autocomplete/autocomplete.js +2 -442
- package/lib/src/core-components/src/components/AutoComplete/index.js +1 -8
- package/lib/src/core-components/src/components/Avatar/Avatar.js +14 -148
- package/lib/src/core-components/src/components/Badge/Badge.js +2 -25
- package/lib/src/core-components/src/components/Badge/InnerBadge/Inline.js +1 -25
- package/lib/src/core-components/src/components/Badge/InnerBadge/InnerBadge.js +1 -25
- package/lib/src/core-components/src/components/Badge/InnerBadge/elements.js +32 -78
- package/lib/src/core-components/src/components/Badge/InnerBadge/index.js +1 -1
- package/lib/src/core-components/src/components/Badge/index.js +1 -1
- package/lib/src/core-components/src/components/Badge/types.js +1 -5
- package/lib/src/core-components/src/components/Breadcrumb/Breadcrumb.js +1 -83
- package/lib/src/core-components/src/components/Breadcrumb/elements.js +94 -166
- package/lib/src/core-components/src/components/Breadcrumb/index.js +1 -3
- package/lib/src/core-components/src/components/Breadcrumb/types.js +1 -3
- package/lib/src/core-components/src/components/Button/button.component.js +1 -18
- package/lib/src/core-components/src/components/Button/buttonGroup/buttonGroup.component.js +1 -4
- package/lib/src/core-components/src/components/Button/index.js +1 -2
- package/lib/src/core-components/src/components/Button/types.js +1 -1
- package/lib/src/core-components/src/components/Chip/Chip.js +1 -64
- package/lib/src/core-components/src/components/Chip/elements.js +48 -148
- package/lib/src/core-components/src/components/Chip/index.js +1 -2
- package/lib/src/core-components/src/components/Chip/types.js +1 -4
- package/lib/src/core-components/src/components/Divider/Divider.js +1 -25
- package/lib/src/core-components/src/components/Divider/elements.js +31 -68
- package/lib/src/core-components/src/components/Divider/index.js +1 -2
- package/lib/src/core-components/src/components/Divider/types.js +1 -4
- package/lib/src/core-components/src/components/DynamicGrid/DynamicGrid.js +1 -147
- package/lib/src/core-components/src/components/DynamicGrid/GridContainer.js +17 -24
- package/lib/src/core-components/src/components/DynamicGrid/elements.js +100 -162
- package/lib/src/core-components/src/components/DynamicGrid/index.js +1 -3
- package/lib/src/core-components/src/components/DynamicGrid/types.js +1 -28
- package/lib/src/core-components/src/components/DynamicGrid/utils.js +1 -193
- package/lib/src/core-components/src/components/FormField/FormField.js +1 -103
- package/lib/src/core-components/src/components/FormField/components/CheckboxGroupInput.js +1 -37
- package/lib/src/core-components/src/components/FormField/components/CheckboxInput.js +1 -8
- package/lib/src/core-components/src/components/FormField/components/CssMultilineInput.js +1 -192
- package/lib/src/core-components/src/components/FormField/components/DatePickerInput.js +1 -99
- package/lib/src/core-components/src/components/FormField/components/DropdownInput.js +1 -70
- package/lib/src/core-components/src/components/FormField/components/OtpInput.js +1 -81
- package/lib/src/core-components/src/components/FormField/components/PasswordInput.js +1 -40
- package/lib/src/core-components/src/components/FormField/components/PinInput.js +1 -75
- package/lib/src/core-components/src/components/FormField/components/RadioInput.js +1 -54
- package/lib/src/core-components/src/components/FormField/components/TextDropdownInput.js +1 -94
- package/lib/src/core-components/src/components/FormField/components/ToggleInput.js +1 -36
- package/lib/src/core-components/src/components/FormField/components/index.js +1 -11
- package/lib/src/core-components/src/components/FormField/css-properties.js +1 -161
- package/lib/src/core-components/src/components/FormField/index.js +1 -2
- package/lib/src/core-components/src/components/Icon/Icon.js +1 -159
- package/lib/src/core-components/src/components/Icon/index.js +1 -2
- package/lib/src/core-components/src/components/Icon/types.js +1 -9
- package/lib/src/core-components/src/components/Loader/loader.component.js +2 -215
- package/lib/src/core-components/src/components/Masonry/Masonry.js +1 -73
- package/lib/src/core-components/src/components/Masonry/elements.js +29 -46
- package/lib/src/core-components/src/components/Masonry/hooks.js +1 -100
- package/lib/src/core-components/src/components/Masonry/index.js +1 -3
- package/lib/src/core-components/src/components/Masonry/types.js +1 -1
- package/lib/src/core-components/src/components/Modal/BasicModal/modal.component.js +1 -116
- package/lib/src/core-components/src/components/Modal/index.js +1 -2
- package/lib/src/core-components/src/components/Modal/modal-confirm/modal-confirm.component.js +1 -147
- package/lib/src/core-components/src/components/Picker/color-picker/color-picker.component.js +1 -12
- package/lib/src/core-components/src/components/Picker/color-picker-modal/color-picker-modal.component.js +1 -40
- package/lib/src/core-components/src/components/Picker/index.js +1 -2
- package/lib/src/core-components/src/components/Selection/index.js +1 -4
- package/lib/src/core-components/src/components/Selection/multi-select/multi-select.component.js +1 -49
- package/lib/src/core-components/src/components/Selection/multi-select-with-field/multi-select-with-field.component.js +1 -58
- package/lib/src/core-components/src/components/Selection/multi-selection-dropdown/multi-selection-dropdown.component.js +1 -43
- package/lib/src/core-components/src/components/Selection/single-select/single-select.component.js +1 -87
- package/lib/src/core-components/src/components/Skeleton/Skeleton.js +1 -51
- package/lib/src/core-components/src/components/Skeleton/elements.js +54 -143
- package/lib/src/core-components/src/components/Skeleton/index.js +1 -2
- package/lib/src/core-components/src/components/Skeleton/types.js +1 -4
- package/lib/src/core-components/src/components/SpeedDial/SpeedDial.js +1 -128
- package/lib/src/core-components/src/components/SpeedDial/elements.js +62 -132
- package/lib/src/core-components/src/components/SpeedDial/index.js +1 -2
- package/lib/src/core-components/src/components/SpeedDial/types.js +1 -3
- package/lib/src/core-components/src/components/Stepper2/stepper.component.js +1 -139
- package/lib/src/core-components/src/components/Switch/Switch.js +1 -26
- package/lib/src/core-components/src/components/Switch/elements.js +34 -103
- package/lib/src/core-components/src/components/Switch/index.js +1 -2
- package/lib/src/core-components/src/components/Switch/types.js +1 -3
- package/lib/src/core-components/src/components/Table/Table.js +1 -1489
- package/lib/src/core-components/src/components/Table/columnReorder.js +36 -332
- package/lib/src/core-components/src/components/Table/columnResize.js +21 -284
- package/lib/src/core-components/src/components/Table/elements.js +173 -277
- package/lib/src/core-components/src/components/Table/filters.js +30 -555
- package/lib/src/core-components/src/components/Table/hooks.js +2 -536
- package/lib/src/core-components/src/components/Table/index.js +1 -6
- package/lib/src/core-components/src/components/Table/types.js +1 -1
- package/lib/src/core-components/src/components/Tabs/tabs.component.js +1 -22
- package/lib/src/core-components/src/components/Tags1/Tags.component.js +1 -118
- package/lib/src/core-components/src/components/Tags1/types.js +1 -20
- package/lib/src/core-components/src/components/Timer1/timer.component.js +1 -76
- package/lib/src/core-components/src/components/Toast/Toast.js +1 -50
- package/lib/src/core-components/src/components/Toast/elements.js +41 -122
- package/lib/src/core-components/src/components/Toast/index.js +1 -2
- package/lib/src/core-components/src/components/Toast/types.js +1 -9
- package/lib/src/core-components/src/components/Tooltip/Tooltip.js +1 -200
- package/lib/src/core-components/src/components/Tooltip/elements.js +55 -117
- package/lib/src/core-components/src/components/Tooltip/index.js +1 -2
- package/lib/src/core-components/src/components/Tooltip/types.js +1 -17
- package/lib/src/core-components/src/components/Tooltip/utils.js +1 -140
- package/lib/src/core-components/src/components/TreeSelect/TreeSelect.js +1 -303
- package/lib/src/core-components/src/components/TreeSelect/elements.js +117 -216
- package/lib/src/core-components/src/components/TreeSelect/hooks.js +1 -252
- package/lib/src/core-components/src/components/TreeSelect/index.js +1 -3
- package/lib/src/core-components/src/components/TreeSelect/types.js +1 -1
- package/lib/src/core-components/src/components/ag-grid/AgGrid.js +1 -1057
- package/lib/src/core-components/src/components/ag-grid/elements.js +396 -790
- package/lib/src/core-components/src/components/ag-grid/hooks.js +4 -1220
- package/lib/src/core-components/src/components/ag-grid/index.js +1 -15
- package/lib/src/core-components/src/components/ag-grid/types.js +1 -6
- package/lib/src/core-components/src/components/index.js +1 -31
- package/lib/src/core-components/src/components/pdf/pdf-images.components.js +1 -7
- package/lib/src/core-components/src/components/pdf/pdf-table.components.js +5 -48
- package/lib/src/core-components/src/components/pdf/pdf-typography.components.js +1 -70
- package/lib/src/core-components/src/components/pdf/pdf-wrapped-view.components.js +1 -50
- package/lib/src/core-components/src/core-components/Avatar.js +4 -33
- package/lib/src/core-components/src/core-components/CoreButton/CoreButton.js +1 -10
- package/lib/src/core-components/src/core-components/CoreButton/elements.js +67 -176
- package/lib/src/core-components/src/core-components/CoreButton/index.js +1 -3
- package/lib/src/core-components/src/core-components/CoreButton/types.js +1 -6
- package/lib/src/core-components/src/core-components/CoreButton/utils.js +1 -12
- package/lib/src/core-components/src/core-components/Divider/Divider.js +4 -19
- package/lib/src/core-components/src/core-components/Divider/index.js +1 -1
- package/lib/src/core-components/src/core-components/SelectionCardStrip/index.js +1 -1
- package/lib/src/core-components/src/core-components/SelectionCardStrip/selectionCardStrip.js +10 -33
- package/lib/src/core-components/src/core-components/StateLayer.js +3 -5
- package/lib/src/core-components/src/core-components/ToggleCore/elements.js +25 -50
- package/lib/src/core-components/src/core-components/ToggleCore/index.js +1 -2
- package/lib/src/core-components/src/core-components/ToggleCore/toggleCore.js +1 -14
- package/lib/src/core-components/src/core-components/atoms/Input/Input.js +1 -22
- package/lib/src/core-components/src/core-components/atoms/Label/Label.js +1 -21
- package/lib/src/core-components/src/core-components/atoms/Textarea/Textarea.js +1 -19
- package/lib/src/core-components/src/core-components/index.js +1 -3
- package/lib/src/core-components/src/helpers/constants.js +1 -11
- package/lib/src/core-components/src/hooks/index.js +1 -1
- package/lib/src/core-components/src/hooks/outside.hook.js +1 -28
- package/lib/src/core-components/src/index.js +1 -12
- package/lib/src/core-components/src/tc.global.css +1 -0
- package/lib/src/core-components/src/utils/abstracts/breakpoints/index.js +1 -28
- package/lib/src/core-components/src/utils/abstracts/colors/index.js +1 -49
- package/lib/src/core-components/src/utils/abstracts/index.js +1 -5
- package/lib/src/core-components/src/utils/abstracts/space/index.js +1 -26
- package/lib/src/core-components/src/utils/abstracts/theme/ThemeBoundary.js +1 -8
- package/lib/src/core-components/src/utils/abstracts/theme/default-themes.js +1 -30
- package/lib/src/core-components/src/utils/abstracts/theme/index.js +1 -3
- package/lib/src/core-components/src/utils/abstracts/theme/theme.js +1 -30
- package/lib/src/core-components/src/utils/abstracts/theme/types.js +1 -1
- package/lib/src/core-components/src/utils/abstracts/theme/useTheme.js +1 -17
- package/lib/src/core-components/src/utils/abstracts/typography/index.js +1 -25
- package/lib/src/core-components/src/utils/context/DefaultsProvider.js +1 -8
- package/lib/src/core-components/src/utils/context/InternalProvider.js +1 -24
- package/lib/src/core-components/src/utils/context/index.js +1 -2
- package/lib/src/core-components/src/utils/designTokens.js +1 -128
- package/lib/src/core-components/src/utils/helpers/attachSubComponents.js +1 -23
- package/lib/src/core-components/src/utils/helpers/flattenChildren.js +1 -11
- package/lib/src/core-components/src/utils/helpers/getChildByType.js +1 -3
- package/lib/src/core-components/src/utils/helpers/index.js +1 -5
- package/lib/src/core-components/src/utils/helpers/isComponentType.js +1 -16
- package/lib/src/core-components/src/utils/helpers/separateChildrenByType.js +1 -12
- package/lib/src/core-components/src/utils/hooks/index.js +1 -18
- package/lib/src/core-components/src/utils/hooks/useClickOutside.js +1 -18
- package/lib/src/core-components/src/utils/hooks/useCombinedRefs.js +1 -17
- package/lib/src/core-components/src/utils/hooks/useDebouncedCallback.js +1 -12
- package/lib/src/core-components/src/utils/hooks/useDebouncedValue.js +1 -20
- package/lib/src/core-components/src/utils/hooks/useDeprecation.js +1 -40
- package/lib/src/core-components/src/utils/hooks/useDeviceDetect.js +1 -10
- package/lib/src/core-components/src/utils/hooks/useDeviceForm.js +1 -24
- package/lib/src/core-components/src/utils/hooks/useDisableBodyScroll.js +1 -16
- package/lib/src/core-components/src/utils/hooks/useHoverState.js +1 -36
- package/lib/src/core-components/src/utils/hooks/useId.js +1 -7
- package/lib/src/core-components/src/utils/hooks/useIsBrowser.js +1 -11
- package/lib/src/core-components/src/utils/hooks/useMediaQuery.js +1 -16
- package/lib/src/core-components/src/utils/hooks/useOverflow.js +1 -22
- package/lib/src/core-components/src/utils/hooks/useSafeLayoutEffect.js +1 -5
- package/lib/src/core-components/src/utils/hooks/useScrollingUp.js +1 -18
- package/lib/src/core-components/src/utils/hooks/useTrapFocus.js +1 -30
- package/lib/src/core-components/src/utils/hooks/useWindowDimensions.js +1 -23
- package/lib/src/core-components/src/utils/index.js +1 -9
- package/lib/src/core-components/src/utils/stories/Wrappers.js +8 -23
- package/lib/src/core-components/src/utils/stories/cleanProps.js +1 -5
- package/lib/src/core-components/src/utils/stories/index.js +1 -4
- package/lib/src/core-components/src/utils/stories/sleep.js +1 -4
- package/lib/src/core-components/src/utils/stories/view-ports.js +1 -50
- package/lib/src/core-components/src/utils/styling/calcWidthOfColumns.js +1 -5
- package/lib/src/core-components/src/utils/styling/createGridContainer.js +6 -12
- package/lib/src/core-components/src/utils/styling/createTransition.js +2 -7
- package/lib/src/core-components/src/utils/styling/forwardProps.js +1 -10
- package/lib/src/core-components/src/utils/styling/index.js +1 -5
- package/lib/src/core-components/src/utils/styling/pxToRem.js +1 -6
- package/lib/src/core-components/src/utils/testing/getComputedStyle.js +1 -3
- package/lib/src/core-components/src/utils/testing/index.js +1 -1
- package/lib/src/core-components/src/utils/utility.util.js +1 -14
- package/lib/src/core-components/tailwind.config.js +1 -233
- package/lib/src/core-hooks/index.js +1 -3
- package/lib/src/core-hooks/src/useClickOutside/useClickOutside.hook.js +1 -46
- package/lib/src/core-hooks/src/useDebounce/useDebounce.hook.js +1 -30
- package/lib/src/core-hooks/src/usePreventEKey/usePreventEKey.hook.js +1 -8
- package/lib/src/core-utils/index.js +1 -7
- package/lib/src/core-utils/src/calculation/calculation.util.js +1 -89
- package/lib/src/core-utils/src/colors/color.util.js +1 -15
- package/lib/src/core-utils/src/convert/numberToWords/numToWords.util.js +1 -145
- package/lib/src/core-utils/src/convert/typography/camelCaseToTitleCase.util.js +1 -5
- package/lib/src/core-utils/src/form-helper/form-helper.util.js +1 -82
- package/lib/src/core-utils/src/index.js +1 -7
- package/lib/src/core-utils/src/utility/utility.util.js +1 -12
- package/lib/src/core-utils/src/uuid/uuid.util.js +1 -8
- package/package.json +1 -1
|
@@ -1,233 +1 @@
|
|
|
1
|
-
|
|
2
|
-
const defaultTheme = require('tailwindcss/defaultTheme');
|
|
3
|
-
module.exports = {
|
|
4
|
-
content: ['./public/**/*.html', './src/**/*.{js,jsx,ts,tsx,vue}'],
|
|
5
|
-
darkMode: 'class',
|
|
6
|
-
theme: {
|
|
7
|
-
extend: {
|
|
8
|
-
screens: {
|
|
9
|
-
...defaultTheme.screens,
|
|
10
|
-
sm: {min: '0px', max: '767px'},
|
|
11
|
-
md: {min: '768px', max: '2000px'},
|
|
12
|
-
// Breakpoint tokens from tokens.css
|
|
13
|
-
'token-xs': '20rem',
|
|
14
|
-
'token-sm': '23.4375rem',
|
|
15
|
-
'token-md': '48rem',
|
|
16
|
-
'token-lg': '64rem',
|
|
17
|
-
'token-xl': '80rem',
|
|
18
|
-
'token-xxl': '90rem',
|
|
19
|
-
},
|
|
20
|
-
colors: {
|
|
21
|
-
current: 'currentColor',
|
|
22
|
-
transparent: 'transparent',
|
|
23
|
-
'text-base': '#ffffff',
|
|
24
|
-
primary: '#454cbf',
|
|
25
|
-
secondary: '#c57c85',
|
|
26
|
-
accent: '#422a68',
|
|
27
|
-
black: '#000000',
|
|
28
|
-
grey: '#6A727F',
|
|
29
|
-
grey_0: '#4a4a4a',
|
|
30
|
-
grey_1: '#707070',
|
|
31
|
-
light_1: '#ebebeb',
|
|
32
|
-
white: '#ffffff',
|
|
33
|
-
background: '#ffffff',
|
|
34
|
-
light_white: '#f4f6f6',
|
|
35
|
-
red: {
|
|
36
|
-
DEFAULT: '#ff0000',
|
|
37
|
-
...defaultTheme.colors.red,
|
|
38
|
-
},
|
|
39
|
-
orange: '#ffae1a',
|
|
40
|
-
mono: '#754c00',
|
|
41
|
-
'border-red': '#ff0000',
|
|
42
|
-
bgGrey: '#808080',
|
|
43
|
-
stroke: '#E2E8F0',
|
|
44
|
-
boxdark: '#24303F',
|
|
45
|
-
'boxdark-2': '#1A222C',
|
|
46
|
-
strokedark: '#2E3A47',
|
|
47
|
-
content: '#000000',
|
|
48
|
-
'form-strokedark': '#3d4d60',
|
|
49
|
-
'form-input': '#1d2a39',
|
|
50
|
-
'meta-1': '#DC3545',
|
|
51
|
-
'meta-2': '#EFF2F7',
|
|
52
|
-
'meta-3': '#10B981',
|
|
53
|
-
'meta-4': '#313D4A',
|
|
54
|
-
'meta-5': '#259AE6',
|
|
55
|
-
'meta-6': '#FFBA00',
|
|
56
|
-
'meta-7': '#FF6766',
|
|
57
|
-
'meta-8': '#F0950C',
|
|
58
|
-
'meta-9': '#E5E7EB',
|
|
59
|
-
success: '#219653',
|
|
60
|
-
danger: '#D34053',
|
|
61
|
-
warning: '#FFA70B',
|
|
62
|
-
// Design token colors - extending existing colors
|
|
63
|
-
'token-surface': 'var(--surface)',
|
|
64
|
-
'token-on-surface': 'var(--on-surface)',
|
|
65
|
-
'token-primary': 'var(--primary)',
|
|
66
|
-
'token-on-primary': 'var(--on-primary)',
|
|
67
|
-
'token-outline': 'var(--outline)',
|
|
68
|
-
'token-outline-soft': 'var(--outline-soft)',
|
|
69
|
-
'token-success': 'var(--status-success)',
|
|
70
|
-
'token-error': 'var(--status-error)',
|
|
71
|
-
'token-warning': 'var(--status-warning)',
|
|
72
|
-
},
|
|
73
|
-
fontFamily: {
|
|
74
|
-
arimaRegular: ['ArimaRegular'],
|
|
75
|
-
},
|
|
76
|
-
fontSize: {
|
|
77
|
-
'title-xxl': ['44px', '55px'],
|
|
78
|
-
'title-xl': ['36px', '45px'],
|
|
79
|
-
'title-xl2': ['33px', '45px'],
|
|
80
|
-
'title-lg': ['28px', '35px'],
|
|
81
|
-
'title-md': ['24px', '30px'],
|
|
82
|
-
'title-md2': ['26px', '30px'],
|
|
83
|
-
'title-sm': ['20px', '26px'],
|
|
84
|
-
'title-xsm': ['18px', '24px'],
|
|
85
|
-
},
|
|
86
|
-
spacing: {
|
|
87
|
-
'8xl': '96rem',
|
|
88
|
-
'9xl': '128rem',
|
|
89
|
-
// Design token spacing - extending existing spacing
|
|
90
|
-
'token-000': '0rem',
|
|
91
|
-
'token-025': '0.125rem',
|
|
92
|
-
'token-050': '0.25rem',
|
|
93
|
-
'token-075': '0.375rem',
|
|
94
|
-
'token-100': '0.5rem',
|
|
95
|
-
'token-150': '0.75rem',
|
|
96
|
-
'token-200': '1rem',
|
|
97
|
-
'token-300': '1.5rem',
|
|
98
|
-
'token-400': '2rem',
|
|
99
|
-
'token-500': '2.5rem',
|
|
100
|
-
'token-600': '3rem',
|
|
101
|
-
'token-800': '4rem',
|
|
102
|
-
'token-1000': '5rem',
|
|
103
|
-
'token-1200': '6rem',
|
|
104
|
-
},
|
|
105
|
-
borderRadius: {
|
|
106
|
-
'4xl': '2rem',
|
|
107
|
-
'100px': '100px',
|
|
108
|
-
// Design token border radius - extending existing
|
|
109
|
-
'token-025': '0.125rem',
|
|
110
|
-
'token-050': '0.25rem',
|
|
111
|
-
'token-100': '0.5rem',
|
|
112
|
-
'token-200': '1rem',
|
|
113
|
-
'token-300': '1.5rem',
|
|
114
|
-
'token-400': '2rem',
|
|
115
|
-
'token-none': '0rem',
|
|
116
|
-
'token-round': '10000rem',
|
|
117
|
-
},
|
|
118
|
-
height: {
|
|
119
|
-
'screen/2': '50vh',
|
|
120
|
-
screen98: '98vh',
|
|
121
|
-
screen96: '96vh',
|
|
122
|
-
screen94: '94vh',
|
|
123
|
-
screen92: '92vh',
|
|
124
|
-
'screen/3': 'calc(100vh / 3)',
|
|
125
|
-
'screen/4': 'calc(100vh / 4)',
|
|
126
|
-
'screen/5': 'calc(100vh / 5)',
|
|
127
|
-
},
|
|
128
|
-
zIndex: {
|
|
129
|
-
999_999: '999999',
|
|
130
|
-
99_999: '99999',
|
|
131
|
-
9999: '9999',
|
|
132
|
-
999: '999',
|
|
133
|
-
99: '99',
|
|
134
|
-
9: '9',
|
|
135
|
-
1: '1',
|
|
136
|
-
},
|
|
137
|
-
transitionProperty: {width: 'width', stroke: 'stroke'},
|
|
138
|
-
borderWidth: {
|
|
139
|
-
6: '6px',
|
|
140
|
-
},
|
|
141
|
-
opacity: {
|
|
142
|
-
// Design token opacity - extending existing opacity
|
|
143
|
-
'token-04': '4%',
|
|
144
|
-
'token-08': '8%',
|
|
145
|
-
'token-10': '10%',
|
|
146
|
-
'token-12': '12%',
|
|
147
|
-
'token-20': '20%',
|
|
148
|
-
'token-30': '30%',
|
|
149
|
-
'token-40': '40%',
|
|
150
|
-
'token-50': '50%',
|
|
151
|
-
'token-60': '60%',
|
|
152
|
-
'token-70': '70%',
|
|
153
|
-
'token-75': '75%',
|
|
154
|
-
'token-80': '80%',
|
|
155
|
-
'token-90': '90%',
|
|
156
|
-
'token-100': '100%',
|
|
157
|
-
'token-none': '0%',
|
|
158
|
-
},
|
|
159
|
-
strokeWidth: {
|
|
160
|
-
// Design token stroke - from tokens.css
|
|
161
|
-
'token-card': '0.0625rem',
|
|
162
|
-
'token-selected-card-hover': '0.125rem',
|
|
163
|
-
'token-divider': '0.0625rem',
|
|
164
|
-
},
|
|
165
|
-
boxShadow: {
|
|
166
|
-
default: '0px 8px 13px -3px rgba(0, 0, 0, 0.07)',
|
|
167
|
-
card: '0px 1px 3px rgba(0, 0, 0, 0.12)',
|
|
168
|
-
'card-2': '0px 1px 2px rgba(0, 0, 0, 0.05)',
|
|
169
|
-
switcher:
|
|
170
|
-
'0px 2px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 2px #FFFFFF, inset 0px -1px 1px rgba(0, 0, 0, 0.1)',
|
|
171
|
-
'switch-1': '0px 0px 5px rgba(0, 0, 0, 0.15)',
|
|
172
|
-
1: '0px 1px 3px rgba(0, 0, 0, 0.08)',
|
|
173
|
-
2: '0px 1px 4px rgba(0, 0, 0, 0.12)',
|
|
174
|
-
3: '0px 1px 5px rgba(0, 0, 0, 0.14)',
|
|
175
|
-
4: '0px 4px 10px rgba(0, 0, 0, 0.12)',
|
|
176
|
-
5: '0px 1px 1px rgba(0, 0, 0, 0.15)',
|
|
177
|
-
6: '0px 3px 15px rgba(0, 0, 0, 0.1)',
|
|
178
|
-
7: '-5px 0 0 #313D4A, 5px 0 0 #313D4A',
|
|
179
|
-
8: '1px 0 0 #313D4A, -1px 0 0 #313D4A, 0 1px 0 #313D4A, 0 -1px 0 #313D4A, 0 3px 13px rgb(0 0 0 / 8%)',
|
|
180
|
-
},
|
|
181
|
-
dropShadow: {
|
|
182
|
-
1: '0px 1px 0px #E2E8F0',
|
|
183
|
-
2: '0px 1px 4px rgba(0, 0, 0, 0.12)',
|
|
184
|
-
},
|
|
185
|
-
keyframes: {
|
|
186
|
-
rotating: {
|
|
187
|
-
'0%, 100%': {transform: 'rotate(360deg)'},
|
|
188
|
-
'50%': {transform: 'rotate(0deg)'},
|
|
189
|
-
},
|
|
190
|
-
flip: {
|
|
191
|
-
to: {
|
|
192
|
-
transform: 'rotate(360deg)',
|
|
193
|
-
},
|
|
194
|
-
},
|
|
195
|
-
rotate: {
|
|
196
|
-
to: {
|
|
197
|
-
transform: 'rotate(90deg)',
|
|
198
|
-
},
|
|
199
|
-
},
|
|
200
|
-
},
|
|
201
|
-
animation: {
|
|
202
|
-
'ping-once': 'ping 5s cubic-bezier(0, 0, 0.2, 1)',
|
|
203
|
-
rotating: 'rotating 30s linear infinite',
|
|
204
|
-
'spin-1.5': 'spin 1.5s linear infinite',
|
|
205
|
-
'spin-2': 'spin 2s linear infinite',
|
|
206
|
-
'spin-3': 'spin 3s linear infinite',
|
|
207
|
-
flip: 'flip 6s infinite steps(2, end)',
|
|
208
|
-
rotate: 'rotate 3s linear infinite both',
|
|
209
|
-
},
|
|
210
|
-
},
|
|
211
|
-
borderWidth: {
|
|
212
|
-
DEFAULT: '1px',
|
|
213
|
-
},
|
|
214
|
-
},
|
|
215
|
-
styles: {
|
|
216
|
-
colors: {
|
|
217
|
-
lightBack: '',
|
|
218
|
-
},
|
|
219
|
-
},
|
|
220
|
-
variants: {
|
|
221
|
-
extend: {
|
|
222
|
-
opacity: ['disabled'],
|
|
223
|
-
cursor: ['disabled'],
|
|
224
|
-
borderRadius: ['hover', 'first', 'last'],
|
|
225
|
-
zIndex: ['hover'],
|
|
226
|
-
borderCollapse: ['hover', 'focus'],
|
|
227
|
-
},
|
|
228
|
-
},
|
|
229
|
-
corePlugins: {
|
|
230
|
-
tableLayout: false,
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
};
|
|
1
|
+
"use strict";const defaultTheme=require("tailwindcss/defaultTheme");module.exports={content:["./public/**/*.html","./src/**/*.{js,jsx,ts,tsx,vue}"],darkMode:"class",theme:{extend:{screens:{...defaultTheme.screens,sm:{min:"0px",max:"767px"},md:{min:"768px",max:"2000px"},"token-xs":"20rem","token-sm":"23.4375rem","token-md":"48rem","token-lg":"64rem","token-xl":"80rem","token-xxl":"90rem"},colors:{current:"currentColor",transparent:"transparent","text-base":"#ffffff",primary:"#454cbf",secondary:"#c57c85",accent:"#422a68",black:"#000000",grey:"#6A727F",grey_0:"#4a4a4a",grey_1:"#707070",light_1:"#ebebeb",white:"#ffffff",background:"#ffffff",light_white:"#f4f6f6",red:{DEFAULT:"#ff0000",...defaultTheme.colors.red},orange:"#ffae1a",mono:"#754c00","border-red":"#ff0000",bgGrey:"#808080",stroke:"#E2E8F0",boxdark:"#24303F","boxdark-2":"#1A222C",strokedark:"#2E3A47",content:"#000000","form-strokedark":"#3d4d60","form-input":"#1d2a39","meta-1":"#DC3545","meta-2":"#EFF2F7","meta-3":"#10B981","meta-4":"#313D4A","meta-5":"#259AE6","meta-6":"#FFBA00","meta-7":"#FF6766","meta-8":"#F0950C","meta-9":"#E5E7EB",success:"#219653",danger:"#D34053",warning:"#FFA70B","token-surface":"var(--surface)","token-on-surface":"var(--on-surface)","token-primary":"var(--primary)","token-on-primary":"var(--on-primary)","token-outline":"var(--outline)","token-outline-soft":"var(--outline-soft)","token-success":"var(--status-success)","token-error":"var(--status-error)","token-warning":"var(--status-warning)"},fontFamily:{arimaRegular:["ArimaRegular"]},fontSize:{"title-xxl":["44px","55px"],"title-xl":["36px","45px"],"title-xl2":["33px","45px"],"title-lg":["28px","35px"],"title-md":["24px","30px"],"title-md2":["26px","30px"],"title-sm":["20px","26px"],"title-xsm":["18px","24px"]},spacing:{"8xl":"96rem","9xl":"128rem","token-000":"0rem","token-025":"0.125rem","token-050":"0.25rem","token-075":"0.375rem","token-100":"0.5rem","token-150":"0.75rem","token-200":"1rem","token-300":"1.5rem","token-400":"2rem","token-500":"2.5rem","token-600":"3rem","token-800":"4rem","token-1000":"5rem","token-1200":"6rem"},borderRadius:{"4xl":"2rem","100px":"100px","token-025":"0.125rem","token-050":"0.25rem","token-100":"0.5rem","token-200":"1rem","token-300":"1.5rem","token-400":"2rem","token-none":"0rem","token-round":"10000rem"},height:{"screen/2":"50vh",screen98:"98vh",screen96:"96vh",screen94:"94vh",screen92:"92vh","screen/3":"calc(100vh / 3)","screen/4":"calc(100vh / 4)","screen/5":"calc(100vh / 5)"},zIndex:{999999:"999999",99999:"99999",9999:"9999",999:"999",99:"99",9:"9",1:"1"},transitionProperty:{width:"width",stroke:"stroke"},borderWidth:{6:"6px"},opacity:{"token-04":"4%","token-08":"8%","token-10":"10%","token-12":"12%","token-20":"20%","token-30":"30%","token-40":"40%","token-50":"50%","token-60":"60%","token-70":"70%","token-75":"75%","token-80":"80%","token-90":"90%","token-100":"100%","token-none":"0%"},strokeWidth:{"token-card":"0.0625rem","token-selected-card-hover":"0.125rem","token-divider":"0.0625rem"},boxShadow:{default:"0px 8px 13px -3px rgba(0, 0, 0, 0.07)",card:"0px 1px 3px rgba(0, 0, 0, 0.12)","card-2":"0px 1px 2px rgba(0, 0, 0, 0.05)",switcher:"0px 2px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 2px #FFFFFF, inset 0px -1px 1px rgba(0, 0, 0, 0.1)","switch-1":"0px 0px 5px rgba(0, 0, 0, 0.15)",1:"0px 1px 3px rgba(0, 0, 0, 0.08)",2:"0px 1px 4px rgba(0, 0, 0, 0.12)",3:"0px 1px 5px rgba(0, 0, 0, 0.14)",4:"0px 4px 10px rgba(0, 0, 0, 0.12)",5:"0px 1px 1px rgba(0, 0, 0, 0.15)",6:"0px 3px 15px rgba(0, 0, 0, 0.1)",7:"-5px 0 0 #313D4A, 5px 0 0 #313D4A",8:"1px 0 0 #313D4A, -1px 0 0 #313D4A, 0 1px 0 #313D4A, 0 -1px 0 #313D4A, 0 3px 13px rgb(0 0 0 / 8%)"},dropShadow:{1:"0px 1px 0px #E2E8F0",2:"0px 1px 4px rgba(0, 0, 0, 0.12)"},keyframes:{rotating:{"0%, 100%":{transform:"rotate(360deg)"},"50%":{transform:"rotate(0deg)"}},flip:{to:{transform:"rotate(360deg)"}},rotate:{to:{transform:"rotate(90deg)"}}},animation:{"ping-once":"ping 5s cubic-bezier(0, 0, 0.2, 1)",rotating:"rotating 30s linear infinite","spin-1.5":"spin 1.5s linear infinite","spin-2":"spin 2s linear infinite","spin-3":"spin 3s linear infinite",flip:"flip 6s infinite steps(2, end)",rotate:"rotate 3s linear infinite both"}},borderWidth:{DEFAULT:"1px"}},styles:{colors:{lightBack:""}},variants:{extend:{opacity:["disabled"],cursor:["disabled"],borderRadius:["hover","first","last"],zIndex:["hover"],borderCollapse:["hover","focus"]}},corePlugins:{tableLayout:!1}};
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
export
|
|
2
|
-
export * from './src/useDebounce/useDebounce.hook';
|
|
3
|
-
export * from './src/usePreventEKey/usePreventEKey.hook';
|
|
1
|
+
"use strict";export*from"./src/useClickOutside/useClickOutside.hook";export*from"./src/useDebounce/useDebounce.hook";export*from"./src/usePreventEKey/usePreventEKey.hook";
|
|
@@ -1,46 +1 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export const useClickOutside = (ref, handler) => {
|
|
3
|
-
useEffect(() => {
|
|
4
|
-
let startedInside = false;
|
|
5
|
-
let startedWhenMounted = false;
|
|
6
|
-
const listener = (event) => {
|
|
7
|
-
// Do nothing if `mousedown` or `touchstart` started inside ref element
|
|
8
|
-
if (startedInside || !startedWhenMounted)
|
|
9
|
-
return;
|
|
10
|
-
// Do nothing if clicking ref's element or descendent elements
|
|
11
|
-
if (!ref.current || ref.current.contains(event.target))
|
|
12
|
-
return;
|
|
13
|
-
handler(event);
|
|
14
|
-
};
|
|
15
|
-
const validateEventStart = (event) => {
|
|
16
|
-
startedWhenMounted = ref.current;
|
|
17
|
-
startedInside = ref.current && ref.current.contains(event.target);
|
|
18
|
-
};
|
|
19
|
-
document.addEventListener('mousedown', validateEventStart);
|
|
20
|
-
document.addEventListener('touchstart', validateEventStart);
|
|
21
|
-
document.addEventListener('click', listener);
|
|
22
|
-
return () => {
|
|
23
|
-
document.removeEventListener('mousedown', validateEventStart);
|
|
24
|
-
document.removeEventListener('touchstart', validateEventStart);
|
|
25
|
-
document.removeEventListener('click', listener);
|
|
26
|
-
};
|
|
27
|
-
}, [ref, handler]);
|
|
28
|
-
};
|
|
29
|
-
export const useClickOutsideWithoutInput = (ref, callback) => {
|
|
30
|
-
useEffect(() => {
|
|
31
|
-
const handleClickOutside = (event) => {
|
|
32
|
-
// Check if the target is an input element
|
|
33
|
-
if (event.target.tagName === 'INPUT') {
|
|
34
|
-
return; // Skip calling the callback if the target is an input
|
|
35
|
-
}
|
|
36
|
-
// Check if the click is outside the ref element
|
|
37
|
-
if (ref.current && !ref.current.contains(event.target)) {
|
|
38
|
-
callback();
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
document.addEventListener('mousedown', handleClickOutside);
|
|
42
|
-
return () => {
|
|
43
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
|
44
|
-
};
|
|
45
|
-
}, [ref, callback]);
|
|
46
|
-
};
|
|
1
|
+
"use strict";import{useEffect as c}from"react";export const useClickOutside=(t,e)=>{c(()=>{let n=!1,r=!1;const s=u=>{n||!r||!t.current||t.current.contains(u.target)||e(u)},o=u=>{r=t.current,n=t.current&&t.current.contains(u.target)};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),document.addEventListener("click",s),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o),document.removeEventListener("click",s)}},[t,e])},useClickOutsideWithoutInput=(t,e)=>{c(()=>{const n=r=>{r.target.tagName!=="INPUT"&&t.current&&!t.current.contains(r.target)&&e()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[t,e])};
|
|
@@ -1,30 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export const useDebounce = (callback, delay) => {
|
|
3
|
-
const timeoutRef = useRef(null);
|
|
4
|
-
const debouncedCallback = useMemo(() => {
|
|
5
|
-
const debounce = (func, wait) => {
|
|
6
|
-
return (value) => {
|
|
7
|
-
if (timeoutRef.current) {
|
|
8
|
-
clearTimeout(timeoutRef.current);
|
|
9
|
-
}
|
|
10
|
-
timeoutRef.current = setTimeout(() => {
|
|
11
|
-
if (typeof func === 'function') {
|
|
12
|
-
func(value);
|
|
13
|
-
}
|
|
14
|
-
else {
|
|
15
|
-
console.error('func is not a function');
|
|
16
|
-
}
|
|
17
|
-
}, wait);
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
return debounce(callback, delay);
|
|
21
|
-
}, [callback, delay]);
|
|
22
|
-
useEffect(() => {
|
|
23
|
-
return () => {
|
|
24
|
-
if (timeoutRef.current) {
|
|
25
|
-
clearTimeout(timeoutRef.current);
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
}, []);
|
|
29
|
-
return debouncedCallback;
|
|
30
|
-
};
|
|
1
|
+
"use strict";import{useEffect as s,useMemo as f,useRef as i}from"react";export const useDebounce=(r,t)=>{const e=i(null),u=f(()=>((n,o)=>c=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{typeof n=="function"?n(c):console.error("func is not a function")},o)})(r,t),[r,t]);return s(()=>()=>{e.current&&clearTimeout(e.current)},[]),u};
|
|
@@ -1,8 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export const usePreventEKey = () => {
|
|
3
|
-
return useCallback((e) => {
|
|
4
|
-
if (e.key === 'e' || e.key === 'E') {
|
|
5
|
-
e.preventDefault();
|
|
6
|
-
}
|
|
7
|
-
}, []);
|
|
8
|
-
};
|
|
1
|
+
"use strict";import{useCallback as r}from"react";export const usePreventEKey=()=>r(e=>{(e.key==="e"||e.key==="E")&&e.preventDefault()},[]);
|
|
@@ -1,7 +1 @@
|
|
|
1
|
-
export
|
|
2
|
-
export * from './src/calculation/calculation.util';
|
|
3
|
-
export * from './src/convert/numberToWords/numToWords.util';
|
|
4
|
-
export * from './src/convert/typography/camelCaseToTitleCase.util';
|
|
5
|
-
export * from './src/colors/color.util';
|
|
6
|
-
export * from './src/uuid/uuid.util';
|
|
7
|
-
export * from './src/form-helper/form-helper.util';
|
|
1
|
+
"use strict";export*from"./src/utility/utility.util";export*from"./src/calculation/calculation.util";export*from"./src/convert/numberToWords/numToWords.util";export*from"./src/convert/typography/camelCaseToTitleCase.util";export*from"./src/colors/color.util";export*from"./src/uuid/uuid.util";export*from"./src/form-helper/form-helper.util";
|
|
@@ -1,89 +1 @@
|
|
|
1
|
-
|
|
2
|
-
* Maps the changed AmountKey to the correct AmountMode.
|
|
3
|
-
* You can adjust this mapping as per your business logic.
|
|
4
|
-
*/
|
|
5
|
-
function getAmountModeByKey(key) {
|
|
6
|
-
switch (key) {
|
|
7
|
-
case 'grossAmount':
|
|
8
|
-
return 'gross-net';
|
|
9
|
-
case 'netAmount':
|
|
10
|
-
return 'gross-net';
|
|
11
|
-
case 'discountedAmount':
|
|
12
|
-
return 'gross-discounted';
|
|
13
|
-
case 'discountPercent':
|
|
14
|
-
return 'gross-discountPercent';
|
|
15
|
-
default:
|
|
16
|
-
return 'gross-net';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Calculates all amount fields based on the last changed key.
|
|
21
|
-
* @param amounts The amounts object.
|
|
22
|
-
* @param changedKey The key that was last changed.
|
|
23
|
-
*/
|
|
24
|
-
export function calculateAmount(amounts, changedKey) {
|
|
25
|
-
const mode = getAmountModeByKey(changedKey);
|
|
26
|
-
return calculateAmountByKey(amounts, mode);
|
|
27
|
-
}
|
|
28
|
-
export const calculateAmountByKey = (amounts, mode) => {
|
|
29
|
-
const { grossAmount, netAmount, discountedAmount, discountPercent } = amounts;
|
|
30
|
-
switch (mode) {
|
|
31
|
-
case 'gross-discountPercent': {
|
|
32
|
-
const discountedAmountCalc = (grossAmount * discountPercent) / 100;
|
|
33
|
-
const netAmountCalc = grossAmount - discountedAmountCalc;
|
|
34
|
-
return {
|
|
35
|
-
grossAmount: Number(grossAmount?.toFixed(2)),
|
|
36
|
-
netAmount: Number(netAmountCalc?.toFixed(2)),
|
|
37
|
-
discountedAmount: Number(discountedAmountCalc?.toFixed(2)),
|
|
38
|
-
discountPercent: Number(discountPercent?.toFixed(2)),
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
case 'gross-net': {
|
|
42
|
-
const discountedAmountCalc = grossAmount - netAmount;
|
|
43
|
-
const discountPercentCalc = (discountedAmountCalc / grossAmount) * 100;
|
|
44
|
-
return {
|
|
45
|
-
grossAmount: Number(grossAmount?.toFixed(2)),
|
|
46
|
-
netAmount: Number(netAmount?.toFixed(2)),
|
|
47
|
-
discountedAmount: Number(discountedAmountCalc?.toFixed(2)),
|
|
48
|
-
discountPercent: Number(discountPercentCalc?.toFixed(2)),
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
case 'net-discountPercent': {
|
|
52
|
-
const grossAmountCalc = netAmount / (1 - discountPercent / 100);
|
|
53
|
-
const discountedAmountCalc = grossAmountCalc - netAmount;
|
|
54
|
-
return {
|
|
55
|
-
grossAmount: Number(grossAmountCalc?.toFixed(2)),
|
|
56
|
-
netAmount: Number(netAmount?.toFixed(2)),
|
|
57
|
-
discountedAmount: Number(discountedAmountCalc?.toFixed(2)),
|
|
58
|
-
discountPercent: Number(discountPercent?.toFixed(2)),
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
case 'gross-discounted': {
|
|
62
|
-
const netAmountCalc = grossAmount - discountedAmount;
|
|
63
|
-
const discountPercentCalc = (discountedAmount / grossAmount) * 100;
|
|
64
|
-
return {
|
|
65
|
-
grossAmount: Number(grossAmount?.toFixed(2)),
|
|
66
|
-
netAmount: Number(netAmountCalc?.toFixed(2)),
|
|
67
|
-
discountedAmount: Number(discountedAmount?.toFixed(2)),
|
|
68
|
-
discountPercent: Number(discountPercentCalc?.toFixed(2)),
|
|
69
|
-
};
|
|
70
|
-
}
|
|
71
|
-
case 'net-discounted': {
|
|
72
|
-
const grossAmountCalc = netAmount + discountedAmount;
|
|
73
|
-
const discountPercentCalc = (discountedAmount / grossAmountCalc) * 100;
|
|
74
|
-
return {
|
|
75
|
-
grossAmount: Number(grossAmountCalc?.toFixed(2)),
|
|
76
|
-
netAmount: Number(netAmount?.toFixed(2)),
|
|
77
|
-
discountedAmount: Number(discountedAmount?.toFixed(2)),
|
|
78
|
-
discountPercent: Number(discountPercentCalc?.toFixed(2)),
|
|
79
|
-
};
|
|
80
|
-
}
|
|
81
|
-
default:
|
|
82
|
-
return {
|
|
83
|
-
grossAmount,
|
|
84
|
-
netAmount,
|
|
85
|
-
discountedAmount,
|
|
86
|
-
discountPercent,
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
};
|
|
1
|
+
"use strict";function d(s){switch(s){case"grossAmount":return"gross-net";case"netAmount":return"gross-net";case"discountedAmount":return"gross-discounted";case"discountPercent":return"gross-discountPercent";default:return"gross-net"}}export function calculateAmount(s,r){const e=d(r);return calculateAmountByKey(s,e)}export const calculateAmountByKey=(s,r)=>{const{grossAmount:e,netAmount:o,discountedAmount:u,discountPercent:c}=s;switch(r){case"gross-discountPercent":{const t=e*c/100,n=e-t;return{grossAmount:Number(e?.toFixed(2)),netAmount:Number(n?.toFixed(2)),discountedAmount:Number(t?.toFixed(2)),discountPercent:Number(c?.toFixed(2))}}case"gross-net":{const t=e-o,n=t/e*100;return{grossAmount:Number(e?.toFixed(2)),netAmount:Number(o?.toFixed(2)),discountedAmount:Number(t?.toFixed(2)),discountPercent:Number(n?.toFixed(2))}}case"net-discountPercent":{const t=o/(1-c/100),n=t-o;return{grossAmount:Number(t?.toFixed(2)),netAmount:Number(o?.toFixed(2)),discountedAmount:Number(n?.toFixed(2)),discountPercent:Number(c?.toFixed(2))}}case"gross-discounted":{const t=e-u,n=u/e*100;return{grossAmount:Number(e?.toFixed(2)),netAmount:Number(t?.toFixed(2)),discountedAmount:Number(u?.toFixed(2)),discountPercent:Number(n?.toFixed(2))}}case"net-discounted":{const t=o+u,n=u/t*100;return{grossAmount:Number(t?.toFixed(2)),netAmount:Number(o?.toFixed(2)),discountedAmount:Number(u?.toFixed(2)),discountPercent:Number(n?.toFixed(2))}}default:return{grossAmount:e,netAmount:o,discountedAmount:u,discountPercent:c}}};
|
|
@@ -1,15 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export const invertHex = (hexcolor) => {
|
|
3
|
-
// If a leading # is provided, remove it
|
|
4
|
-
if (hexcolor?.slice(0, 1) === '#') {
|
|
5
|
-
hexcolor = hexcolor?.slice(1);
|
|
6
|
-
}
|
|
7
|
-
// Convert to RGB value
|
|
8
|
-
const r = Number.parseInt(hexcolor?.slice(0, 2), 16);
|
|
9
|
-
const g = Number.parseInt(hexcolor?.slice(2, 4), 16);
|
|
10
|
-
const b = Number.parseInt(hexcolor?.slice(4, 6), 16);
|
|
11
|
-
// Get YIQ ratio
|
|
12
|
-
const yiq = (r * 299 + g * 587 + b * 114) / 1000;
|
|
13
|
-
// Check contrast
|
|
14
|
-
return yiq >= 128 ? 'black' : 'white';
|
|
15
|
-
};
|
|
1
|
+
"use strict";export const invertHex=s=>{s?.slice(0,1)==="#"&&(s=s?.slice(1));const t=Number.parseInt(s?.slice(0,2),16),e=Number.parseInt(s?.slice(2,4),16),i=Number.parseInt(s?.slice(4,6),16);return(t*299+e*587+i*114)/1e3>=128?"black":"white"};
|
|
@@ -1,145 +1 @@
|
|
|
1
|
-
const
|
|
2
|
-
const take = (n) => (xs) => xs.slice(0, n);
|
|
3
|
-
const drop = (n) => (xs) => xs.slice(n);
|
|
4
|
-
const chunk = (n) => (xs) => isEmpty(xs) ? [] : [take(n)(xs), ...chunk(n)(drop(n)(xs))];
|
|
5
|
-
/**
|
|
6
|
-
* Converts a number to words using the Indian numbering system (supports lakh, crore, arab, etc.).
|
|
7
|
-
*/
|
|
8
|
-
export const numToWords = (n) => {
|
|
9
|
-
const a = [
|
|
10
|
-
'',
|
|
11
|
-
'one',
|
|
12
|
-
'two',
|
|
13
|
-
'three',
|
|
14
|
-
'four',
|
|
15
|
-
'five',
|
|
16
|
-
'six',
|
|
17
|
-
'seven',
|
|
18
|
-
'eight',
|
|
19
|
-
'nine',
|
|
20
|
-
'ten',
|
|
21
|
-
'eleven',
|
|
22
|
-
'twelve',
|
|
23
|
-
'thirteen',
|
|
24
|
-
'fourteen',
|
|
25
|
-
'fifteen',
|
|
26
|
-
'sixteen',
|
|
27
|
-
'seventeen',
|
|
28
|
-
'eighteen',
|
|
29
|
-
'nineteen',
|
|
30
|
-
];
|
|
31
|
-
const b = [
|
|
32
|
-
'',
|
|
33
|
-
'',
|
|
34
|
-
'twenty',
|
|
35
|
-
'thirty',
|
|
36
|
-
'forty',
|
|
37
|
-
'fifty',
|
|
38
|
-
'sixty',
|
|
39
|
-
'seventy',
|
|
40
|
-
'eighty',
|
|
41
|
-
'ninety',
|
|
42
|
-
];
|
|
43
|
-
const g = [
|
|
44
|
-
'',
|
|
45
|
-
'thousand',
|
|
46
|
-
'lakh',
|
|
47
|
-
'crore',
|
|
48
|
-
'arab',
|
|
49
|
-
'kharab',
|
|
50
|
-
'neel',
|
|
51
|
-
'padma',
|
|
52
|
-
'shankh',
|
|
53
|
-
];
|
|
54
|
-
// Plural forms for units
|
|
55
|
-
const gPlural = [
|
|
56
|
-
'',
|
|
57
|
-
'thousand',
|
|
58
|
-
'lakhs',
|
|
59
|
-
'crores',
|
|
60
|
-
'arabs',
|
|
61
|
-
'kharabs',
|
|
62
|
-
'neels',
|
|
63
|
-
'padmas',
|
|
64
|
-
'shankhs',
|
|
65
|
-
];
|
|
66
|
-
if (typeof n === 'number')
|
|
67
|
-
n = String(n);
|
|
68
|
-
if (n === '0')
|
|
69
|
-
return 'zero';
|
|
70
|
-
// Indian chunking: last 3 digits, then every 2 digits
|
|
71
|
-
const chunkIndian = (xs) => {
|
|
72
|
-
if (xs.length <= 3)
|
|
73
|
-
return [xs];
|
|
74
|
-
const last3 = xs.slice(xs.length - 3);
|
|
75
|
-
const rest = xs.slice(0, xs.length - 3);
|
|
76
|
-
const pairs = [];
|
|
77
|
-
while (rest.length > 0) {
|
|
78
|
-
pairs.unshift(rest.splice(-2));
|
|
79
|
-
}
|
|
80
|
-
return [...pairs, last3];
|
|
81
|
-
};
|
|
82
|
-
// Convert a group (1 or 2 or 3 digits) to words
|
|
83
|
-
const groupToWords = (group) => {
|
|
84
|
-
let numVal = Number(group.join(''));
|
|
85
|
-
if (numVal === 0)
|
|
86
|
-
return '';
|
|
87
|
-
if (group.length === 3) {
|
|
88
|
-
// 3 digits: hundreds
|
|
89
|
-
let [h, t, o] = group.map(Number);
|
|
90
|
-
let str = '';
|
|
91
|
-
if (h)
|
|
92
|
-
str += a[h] + ' hundred ';
|
|
93
|
-
let lastTwo = t * 10 + o;
|
|
94
|
-
if (lastTwo) {
|
|
95
|
-
if (str)
|
|
96
|
-
str += 'and ';
|
|
97
|
-
if (lastTwo < 20)
|
|
98
|
-
str += a[lastTwo];
|
|
99
|
-
else
|
|
100
|
-
str += b[t] + (o ? '-' + a[o] : '');
|
|
101
|
-
}
|
|
102
|
-
return str.trim();
|
|
103
|
-
}
|
|
104
|
-
else if (group.length === 2) {
|
|
105
|
-
// 2 digits
|
|
106
|
-
let [t, o] = group.map(Number);
|
|
107
|
-
if (t === 0)
|
|
108
|
-
return a[o];
|
|
109
|
-
if (t * 10 + o < 20)
|
|
110
|
-
return a[t * 10 + o];
|
|
111
|
-
return b[t] + (o ? '-' + a[o] : '');
|
|
112
|
-
}
|
|
113
|
-
else if (group.length === 1) {
|
|
114
|
-
return a[Number(group[0])];
|
|
115
|
-
}
|
|
116
|
-
return '';
|
|
117
|
-
};
|
|
118
|
-
const digits = Array.from(n);
|
|
119
|
-
const groups = chunkIndian(digits);
|
|
120
|
-
const words = groups
|
|
121
|
-
.map((group, i, arr) => {
|
|
122
|
-
// Only pad the last group (units) to 3 digits, others to 2
|
|
123
|
-
if (i === arr.length - 1) {
|
|
124
|
-
while (group.length < 3)
|
|
125
|
-
group.unshift('0');
|
|
126
|
-
}
|
|
127
|
-
else {
|
|
128
|
-
while (group.length < 2)
|
|
129
|
-
group.unshift('0');
|
|
130
|
-
}
|
|
131
|
-
return groupToWords(group);
|
|
132
|
-
})
|
|
133
|
-
.map((word, i, arr) => {
|
|
134
|
-
const unitIdx = arr.length - 1 - i;
|
|
135
|
-
// Use plural for units if value > 1 and unit is not ''
|
|
136
|
-
const groupValue = Number(groups[i].join(''));
|
|
137
|
-
const unit = groupValue > 1 && g[unitIdx] ? gPlural[unitIdx] : g[unitIdx];
|
|
138
|
-
return word ? `${word} ${unit}`.trim() : '';
|
|
139
|
-
})
|
|
140
|
-
.filter(Boolean)
|
|
141
|
-
.join(' ')
|
|
142
|
-
.replace(/\s+/g, ' ')
|
|
143
|
-
.trim();
|
|
144
|
-
return words;
|
|
145
|
-
};
|
|
1
|
+
"use strict";const b=t=>t.length===0,y=t=>n=>n.slice(0,t),k=t=>n=>n.slice(t),w=t=>n=>b(n)?[]:[y(t)(n),...w(t)(k(t)(n))];export const numToWords=t=>{const n=["","one","two","three","four","five","six","seven","eight","nine","ten","eleven","twelve","thirteen","fourteen","fifteen","sixteen","seventeen","eighteen","nineteen"],a=["","","twenty","thirty","forty","fifty","sixty","seventy","eighty","ninety"],u=["","thousand","lakh","crore","arab","kharab","neel","padma","shankh"],f=["","thousand","lakhs","crores","arabs","kharabs","neels","padmas","shankhs"];if(typeof t=="number"&&(t=String(t)),t==="0")return"zero";const m=e=>{if(e.length<=3)return[e];const l=e.slice(e.length-3),s=e.slice(0,e.length-3),r=[];for(;s.length>0;)r.unshift(s.splice(-2));return[...r,l]},d=e=>{if(Number(e.join(""))===0)return"";if(e.length===3){let[s,r,o]=e.map(Number),i="";s&&(i+=n[s]+" hundred ");let h=r*10+o;return h&&(i&&(i+="and "),h<20?i+=n[h]:i+=a[r]+(o?"-"+n[o]:"")),i.trim()}else if(e.length===2){let[s,r]=e.map(Number);return s===0?n[r]:s*10+r<20?n[s*10+r]:a[s]+(r?"-"+n[r]:"")}else if(e.length===1)return n[Number(e[0])];return""},g=Array.from(t),c=m(g);return c.map((e,l,s)=>{if(l===s.length-1)for(;e.length<3;)e.unshift("0");else for(;e.length<2;)e.unshift("0");return d(e)}).map((e,l,s)=>{const r=s.length-1-l,i=Number(c[l].join(""))>1&&u[r]?f[r]:u[r];return e?`${e} ${i}`.trim():""}).filter(Boolean).join(" ").replace(/\s+/g," ").trim()};
|
|
@@ -1,5 +1 @@
|
|
|
1
|
-
export const camelCaseToTitleCase
|
|
2
|
-
return str
|
|
3
|
-
.replace(/([A-Z])/g, ' $1') // Add space before capital letters
|
|
4
|
-
.replace(/^./, (char) => char.toUpperCase()); // Capitalize the first letter
|
|
5
|
-
};
|
|
1
|
+
"use strict";export const camelCaseToTitleCase=e=>e.replace(/([A-Z])/g," $1").replace(/^./,a=>a.toUpperCase());
|