acinguiux-ds-react-framework 0.1.8 → 0.1.11

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.
Files changed (91) hide show
  1. package/build/cjs/components/Button/Button.styles.js +22 -22
  2. package/build/cjs/components/Button/Button.styles.js.map +1 -1
  3. package/build/cjs/components/Chart/Highcharts/HighchartsChart.js +1 -1
  4. package/build/cjs/components/Chart/Highcharts/HighchartsChart.js.map +1 -1
  5. package/build/cjs/index.js +1 -1
  6. package/build/cjs/react-base/src/components/Button/Button.styles.js +10 -10
  7. package/build/cjs/react-base/src/components/Button/Button.styles.js.map +1 -1
  8. package/build/cjs/react-base/src/components/DatePicker/DatePicker.consts.js +1 -1
  9. package/build/cjs/react-base/src/components/DatePicker/DatePicker.consts.js.map +1 -1
  10. package/build/cjs/react-base/src/components/FormField/FormField.styles.js +1 -1
  11. package/build/cjs/react-base/src/components/FormField/FormField.styles.js.map +1 -1
  12. package/build/cjs/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js +1 -1
  13. package/build/cjs/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js.map +1 -1
  14. package/build/cjs/react-base/src/components/Pagination/Paginations.utils.js +1 -1
  15. package/build/cjs/react-base/src/components/Pagination/Paginations.utils.js.map +1 -1
  16. package/build/cjs/react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.js +3 -3
  17. package/build/cjs/react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.js.map +1 -1
  18. package/build/cjs/react-base/src/components/Text/components/Display/Display.utils.js +1 -1
  19. package/build/cjs/react-base/src/components/Text/components/Display/Display.utils.js.map +1 -1
  20. package/build/cjs/react-base/src/components/Text/components/Heading/Heading.utils.js +1 -1
  21. package/build/cjs/react-base/src/components/Text/components/Heading/Heading.utils.js.map +1 -1
  22. package/build/cjs/react-base/src/theme/typography.js +1 -1
  23. package/build/cjs/react-base/src/theme/typography.js.map +1 -1
  24. package/build/esm/components/Button/Button.styles.js +33 -33
  25. package/build/esm/components/Button/Button.styles.js.map +1 -1
  26. package/build/esm/components/Chart/Highcharts/HighchartsChart.d.ts +0 -1
  27. package/build/esm/components/Chart/Highcharts/HighchartsChart.d.ts.map +1 -1
  28. package/build/esm/components/Chart/Highcharts/HighchartsChart.js +26 -22
  29. package/build/esm/components/Chart/Highcharts/HighchartsChart.js.map +1 -1
  30. package/build/esm/index.d.ts +0 -7
  31. package/build/esm/index.d.ts.map +1 -1
  32. package/build/esm/index.js +215 -221
  33. package/build/esm/index.js.map +1 -1
  34. package/build/esm/react-base/src/components/Button/Button.styles.js +2 -2
  35. package/build/esm/react-base/src/components/Button/Button.styles.js.map +1 -1
  36. package/build/esm/react-base/src/components/DatePicker/DatePicker.consts.js +5 -24
  37. package/build/esm/react-base/src/components/DatePicker/DatePicker.consts.js.map +1 -1
  38. package/build/esm/react-base/src/components/FormField/FormField.styles.js +4 -5
  39. package/build/esm/react-base/src/components/FormField/FormField.styles.js.map +1 -1
  40. package/build/esm/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js +26 -27
  41. package/build/esm/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js.map +1 -1
  42. package/build/esm/react-base/src/components/Pagination/Paginations.utils.js +4 -5
  43. package/build/esm/react-base/src/components/Pagination/Paginations.utils.js.map +1 -1
  44. package/build/esm/react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.js +11 -12
  45. package/build/esm/react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.js.map +1 -1
  46. package/build/esm/react-base/src/components/Text/components/Display/Display.utils.js +12 -14
  47. package/build/esm/react-base/src/components/Text/components/Display/Display.utils.js.map +1 -1
  48. package/build/esm/react-base/src/components/Text/components/Heading/Heading.utils.js +12 -14
  49. package/build/esm/react-base/src/components/Text/components/Heading/Heading.utils.js.map +1 -1
  50. package/build/esm/react-base/src/theme/typography.d.ts.map +1 -1
  51. package/build/esm/react-base/src/theme/typography.js +11 -16
  52. package/build/esm/react-base/src/theme/typography.js.map +1 -1
  53. package/package.json +2 -3
  54. package/build/cjs/components/DeprecatedDatePicker/DatePicker.styles.js +0 -677
  55. package/build/cjs/components/DeprecatedDatePicker/DatePicker.styles.js.map +0 -1
  56. package/build/cjs/components/DeprecatedDatePicker/components/Calendar/Calendar.js +0 -2
  57. package/build/cjs/components/DeprecatedDatePicker/components/Calendar/Calendar.js.map +0 -1
  58. package/build/cjs/components/DeprecatedDatePicker/components/Icons/Icons.js +0 -2
  59. package/build/cjs/components/DeprecatedDatePicker/components/Icons/Icons.js.map +0 -1
  60. package/build/cjs/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js +0 -2
  61. package/build/cjs/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js.map +0 -1
  62. package/build/cjs/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js +0 -2
  63. package/build/cjs/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js.map +0 -1
  64. package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.d.ts +0 -9
  65. package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.d.ts.map +0 -1
  66. package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.js +0 -704
  67. package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.js.map +0 -1
  68. package/build/esm/components/DeprecatedDatePicker/DatePicker.types.d.ts +0 -7
  69. package/build/esm/components/DeprecatedDatePicker/DatePicker.types.d.ts.map +0 -1
  70. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.d.ts +0 -10
  71. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.d.ts.map +0 -1
  72. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.js +0 -61
  73. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.js.map +0 -1
  74. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.types.d.ts +0 -21
  75. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.types.d.ts.map +0 -1
  76. package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.d.ts +0 -9
  77. package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.d.ts.map +0 -1
  78. package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.js +0 -17
  79. package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.js.map +0 -1
  80. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.d.ts +0 -10
  81. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.d.ts.map +0 -1
  82. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js +0 -112
  83. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js.map +0 -1
  84. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.types.d.ts +0 -27
  85. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.types.d.ts.map +0 -1
  86. package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.d.ts +0 -10
  87. package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.d.ts.map +0 -1
  88. package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js +0 -113
  89. package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js.map +0 -1
  90. package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.types.d.ts +0 -24
  91. package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.types.d.ts.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePicker.styles.js","sources":["../../../../src/components/DeprecatedDatePicker/DatePicker.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, ZIndexes, ARROW_KEYPAD_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { DatePickerConsts } from 'acinguiux-ds-react-base/components/DatePicker';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { InputConsts, InputStyles } from 'acinguiux-ds-react-base/components/Input';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IDatePickerProps } from './DatePicker.types';\nimport { buttonCssWithVariant } from '../Button/Button.styles';\n\nconst { consts } = DatePickerConsts;\n\nconst Dropdown = css<\n Required<PickTransient<IDatePickerProps, 'size'>> & PickTransient<IDatePickerProps, 'prefixCls' | 'elevation'>\n>`\n ${({ $prefixCls, $elevation, $size, theme }) => {\n const layer = theme.layer({ foundation: 'raised' });\n const { width: arrowWidth, height: arrowHeight } = DatePickerConsts.arrow[$size];\n\n return css`\n div .${$prefixCls}-dropdown {\n z-index: ${ZIndexes.DATE_PICKER};\n }\n\n .${$prefixCls}-dropdown {\n &:focus-visible {\n border-radius: 4px;\n ${getFocusStyles(theme)};\n }\n\n ${$elevation &&\n css`\n position: absolute;\n `}\n\n display: flex;\n justify-content: center;\n z-index: ${ZIndexes.ELEVATED};\n border-radius: 8px;\n ${$elevation &&\n css`\n filter: ${theme.dropShadows.low3};\n `}\n\n &-hidden {\n display: none;\n }\n\n .${$prefixCls}-range-arrow {\n display: none;\n }\n\n .${$prefixCls}-panel-container {\n position: relative;\n border-radius: 8px;\n background: ${$elevation ? layer[Variables.BackgroundFoundation] : 'transparent'};\n\n &::before {\n content: '';\n position: absolute;\n display: ${$elevation ? 'block' : 'none'};\n background: ${$elevation ? layer[Variables.BackgroundFoundation] : 'transparent'};\n mask: url('data:image/svg+xml;utf8,<svg width=\"${arrowWidth}\" height=\"${arrowHeight}\" viewBox=\"0 0 20 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z\" fill=\"white\" /></svg>');\n width: ${arrowWidth}px;\n height: ${arrowHeight}px;\n left: calc(50% - ${arrowWidth / 2}px);\n transform-origin: center;\n background-repeat: no-repeat;\n background-size: contain;\n }\n }\n\n &-placement-topLeft,\n &-placement-topRight {\n .${$prefixCls}-panel-container::before {\n bottom: -${arrowHeight - 1}px;\n transform: rotate(0deg);\n }\n }\n\n &-placement-bottomLeft,\n &-placement-bottomRight {\n .${$prefixCls}-panel-container::before {\n top: -${arrowHeight - 1}px;\n transform: rotate(180deg);\n }\n }\n }\n `;\n }}\n`;\n\nconst Cell = css<Required<PickTransient<IDatePickerProps, 'prefixCls' | 'size'>>>`\n ${({ $prefixCls, theme, $size }) => {\n const modes: ModesType = { foundation: 'section' };\n const layer = theme.layer(modes);\n const subtleLayer = theme.layer({ ...modes, selectedProminence: 'subtle' });\n const disabledLayer = theme.layer({ ...modes, disabled: true });\n\n return css`\n &-cell {\n color: ${layer[Variables.TextOnFoundationSubtle]};\n\n &:not(.${$prefixCls}-cell-in-range):first-of-type\n .${$prefixCls}-cell-inner,\n &-start\n .${$prefixCls}-cell-inner,\n &-disabled\n + .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled)\n .${$prefixCls}-cell-inner,\n &-in-view:not(&-in-range)\n + :not(.${$prefixCls}-cell-in-view, .${$prefixCls}-cell-disabled, .${$prefixCls}-cell-in-range)\n .${$prefixCls}-cell-inner,\n :not(&-in-view)\n + .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled, .${$prefixCls}-cell-in-range)\n .${$prefixCls}-cell-inner {\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n }\n\n &:not(.${$prefixCls}-cell-in-range):last-of-type\n .${$prefixCls}-cell-inner,\n &-end\n .${$prefixCls}-cell-inner,\n :not(&-in-view):has(+ .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled)):not(\n .${$prefixCls}-cell-in-range\n )\n .${$prefixCls}-cell-inner,\n &-disabled:has(+ .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled)):not(\n .${$prefixCls}-cell-in-range\n )\n .${$prefixCls}-cell-inner {\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n }\n\n &-inner {\n ${theme.typography('label', getLabelTypographySize($size))};\n\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: ${consts[$size].boxSize}px;\n min-height: ${consts[$size].boxSize}px;\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n background-color: ${layer[Variables.BackgroundFoundation]};\n color: ${layer[Variables.TextOnFoundationStrong]};\n cursor: pointer;\n outline: none;\n transition:\n background-color 0.3s,\n border 0.3s;\n }\n\n &-in-view:not(.${$prefixCls}-cell-disabled) .${$prefixCls}-cell-inner {\n border-radius: 8px;\n color: ${layer[Variables.TextOnFoundationStrong]};\n background-color: transparent;\n\n &:hover {\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n Variables.BackgroundFoundation\n ]};\n }\n\n &:active {\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n Variables.BackgroundFoundation\n ]};\n }\n }\n\n &-in-view {\n &.${$prefixCls}-cell-selected .${$prefixCls}-cell-inner {\n background-color: ${layer[Variables.BackgroundSelected]};\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n\n &:hover {\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n Variables.BackgroundSelected\n ]};\n }\n\n &:active {\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n Variables.BackgroundSelected\n ]};\n }\n }\n\n &.${$prefixCls}-cell-in-range-selected .${$prefixCls}-cell-inner {\n background: ${layer[Variables.BackgroundSelected]};\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n\n &.${$prefixCls}-cell-in-range .${$prefixCls}-cell-inner {\n border-radius: unset;\n background: ${subtleLayer[Variables.BackgroundSelected]};\n }\n\n &.${$prefixCls}-cell-range-hover-start, &.${$prefixCls}-cell-range-hover-end {\n .${$prefixCls}-cell-inner {\n background: ${layer[Variables.BackgroundSelected]};\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &.${$prefixCls}-cell-range-hover {\n position: relative;\n\n .${$prefixCls}-cell-inner {\n background: ${subtleLayer[Variables.BackgroundSelected]};\n }\n }\n\n &.${$prefixCls}-cell-range-start\n > .${$prefixCls}-cell-inner,\n &.${$prefixCls}-cell-range-end\n > .${$prefixCls}-cell-inner {\n background: ${layer[Variables.BackgroundSelected]};\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &-range-start:not(&-range-start-single)\n .${$prefixCls}-cell-inner,\n &-range-hover-start\n .${$prefixCls}-cell-inner {\n border-top-right-radius: unset;\n border-bottom-right-radius: unset;\n\n &::after {\n background: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n border: 1px solid ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &-range-end:not(&-range-start-single)\n .${$prefixCls}-cell-inner,\n &-range-hover-end:not(&-range-start-single)\n .${$prefixCls}-cell-inner {\n border-top-left-radius: unset;\n border-bottom-left-radius: unset;\n\n &::after {\n background: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n border: 1px solid ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &-range-hover .${$prefixCls}-cell-inner {\n border-radius: unset;\n }\n\n &-today .${$prefixCls}-cell-inner {\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n bottom: 4px;\n display: block;\n height: 3px;\n width: 20px;\n border: 1px solid ${disabledLayer[Variables.TextOnFoundationSubtle]};\n border-radius: 2px;\n background-color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n }\n }\n\n &-in-view.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\n &::after {\n border-color: ${layer[Variables.BackgroundSelected]};\n background-color: ${layer[Variables.BackgroundSelected]};\n }\n }\n\n &-selected.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\n &::after {\n border-color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n background-color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &-in-view.${$prefixCls}-cell-in-range.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\n &::after {\n border-color: ${layer[Variables.TextOnFoundationStrong]};\n background-color: ${layer[Variables.TextOnFoundationStrong]};\n }\n }\n\n &-disabled.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\n &::after {\n border-color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n background-color: ${disabledLayer[Variables.TextOnFoundationStrong]};\n }\n }\n\n &-disabled .${$prefixCls}-cell-inner {\n background-color: ${disabledLayer[Variables.BackgroundFoundation]};\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n cursor: not-allowed;\n text-decoration: line-through;\n }\n }\n `;\n }}\n`;\n\nconst Header = css<Required<PickTransient<IDatePickerProps, 'size'>>>`\n ${({ theme, $size }) => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return css`\n &-header {\n display: flex;\n\n &-view {\n flex: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n\n > button {\n ${($size === Sizes.Small || $size === Sizes.XSmall) && theme.typography('heading', 'extraSmall')};\n ${$size === Sizes.Medium && theme.typography('heading', 'small')};\n ${$size === Sizes.Large && theme.typography('heading', 'medium')};\n\n color: ${layer[Variables.TextOnFoundationStrong]};\n border: 0;\n padding: 0;\n background: none;\n\n &:not(:last-child) {\n margin-right: 8px;\n }\n\n &:hover {\n cursor: pointer;\n color: ${layer[Variables.BackgroundSelected]};\n }\n }\n }\n\n &-next-btn,\n &-prev-btn,\n &-super-next-btn,\n &-super-prev-btn {\n padding: 8px 4px;\n border: 0;\n margin: 0;\n background: none;\n cursor: pointer;\n\n > svg {\n display: block;\n fill: ${layer[Variables.TextOnFoundationStrong]};\n\n &:hover {\n fill: ${layer[Variables.BackgroundSelected]};\n }\n }\n }\n\n &-super-next-btn,\n &-super-prev-btn {\n display: none;\n }\n }\n `;\n }}\n`;\n\nconst Footer = css<Required<PickTransient<IDatePickerProps, 'size'>>>(\n ({ $size }) => css<Required<PickTransient<IDatePickerProps, 'size'>>>`\n &-footer {\n display: flex;\n justify-content: flex-start;\n margin: 0 ${consts[$size].panelPadding}px ${consts[$size].panelGap}px;\n\n &-extra {\n order: 2;\n }\n }\n\n &-today-btn,\n &-ok button {\n ${buttonCssWithVariant()};\n }\n\n &-now a {\n ${buttonCssWithVariant('outlined')};\n }\n\n &-ranges {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n overflow: hidden;\n list-style: none;\n gap: 12px;\n\n > li {\n display: inline-block;\n }\n }\n `,\n);\n\nexport type PanelProps = Required<PickTransient<IDatePickerProps, 'prefixCls' | 'size'>> &\n PickTransient<IDatePickerProps, 'elevation'>;\n\nconst Panel = css<PanelProps>`\n ${({ $prefixCls, $size, $elevation, theme }) => css<PanelProps>`\n &-panel {\n background-color: ${$elevation\n ? theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]\n : 'transparent'};\n display: inline-block;\n vertical-align: top;\n margin: ${$elevation\n ? `${consts[$size].panelGap}px\n ${consts[$size].panelPadding}px\n ${consts[$size].panelPadding}px`\n : `${consts[$size].panelGap}px 0 0`};\n\n &:not(.${$prefixCls}-panel-focused) .${ARROW_KEYPAD_CLASS} {\n display: none;\n }\n\n &:focus-visible {\n ${getFocusStyles(theme)};\n }\n\n &-focused {\n .${ARROW_KEYPAD_CLASS} {\n display: flex;\n }\n\n .acinguiux-date-picker-content tbody {\n border-radius: 4px;\n ${getFocusStyles(theme)};\n }\n }\n\n &-rtl {\n direction: rtl;\n }\n }\n\n &-panels {\n display: flex;\n gap: ${$elevation ? '0' : `${consts[$size].panelPadding}px`};\n }\n\n &-decade-panel,\n &-year-panel,\n &-month-panel,\n &-week-panel,\n &-date-panel,\n &-time-panel {\n display: flex;\n flex-direction: column;\n\n .${$prefixCls}-content {\n background-color: ${$elevation\n ? theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]\n : 'transparent'};\n }\n\n table {\n text-align: center;\n border-collapse: collapse;\n border-spacing: 0;\n\n td {\n padding: 0;\n margin: 0;\n }\n }\n\n tr:not(:last-child) td {\n padding-bottom: 4px;\n }\n\n thead th {\n ${($size === Sizes.XSmall || $size === Sizes.Small) && theme.typography('label', 'small')};\n ${($size === Sizes.Large || $size === Sizes.Medium) && theme.typography('label', 'medium')};\n\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\n height: ${consts[$size].boxSize}px;\n }\n }\n\n &-year-panel,\n &-month-panel,\n &-decade-panel {\n .${$prefixCls}-header-super-prev-btn, .${$prefixCls}-header-super-next-btn {\n display: block;\n }\n\n .${$prefixCls}-header {\n margin-bottom: ${consts[$size].panelGap}px;\n }\n\n .${$prefixCls}-cell-inner {\n width: ${consts[$size].cellWidth}px;\n }\n }\n\n &-week-panel {\n &-row {\n &:hover {\n .${$prefixCls}-cell {\n background: ${theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected]};\n &.${$prefixCls}-cell-in-view .${$prefixCls}-cell-inner, & .${$prefixCls}-cell-inner {\n color: ${theme.layer({ selectedProminence: 'subtle' })[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n }\n\n &-selected {\n .${$prefixCls}-cell {\n background: ${theme.layer({ selectedProminence: 'strong' })[Variables.BackgroundSelected]};\n &.${$prefixCls}-cell-in-view .${$prefixCls}-cell-inner, & .${$prefixCls}-cell-inner {\n color: ${theme.layer({ selectedProminence: 'strong' })[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n }\n }\n\n .${$prefixCls}-cell-week {\n width: 20px;\n font-size: 12px;\n color: ${theme.layer({ selectedProminence: 'strong' })[Variables.TextOnSelectedBackgroundStrong]};\n font-weight: bold;\n }\n\n .${$prefixCls}-cell:hover > .${$prefixCls}-cell-inner, .${$prefixCls}-cell-selected > .${$prefixCls}-cell-inner {\n background: transparent;\n }\n }\n\n &-time-panel {\n width: auto;\n\n .${$prefixCls}-header {\n height: 32px;\n margin-bottom: 12px;\n }\n\n .${$prefixCls}-content {\n display: flex;\n max-height: 240px;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n border-radius: 8px;\n background-color: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\n height: 36px;\n }\n }\n\n &-column {\n flex: none;\n text-align: left;\n position: relative;\n list-style: none;\n margin: 0;\n padding: 0 0 180px;\n overflow: hidden hidden;\n justify-items: center;\n width: 54px;\n transition: background-color 0.3s;\n font-size: 12px;\n\n &-active {\n background: rgb(0 0 255 / 10%);\n }\n\n &:hover {\n overflow-y: auto;\n }\n\n > li {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 36px;\n height: 36px;\n border-radius: 8px;\n padding: 0;\n margin: 0;\n cursor: pointer;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\n\n .${$prefixCls}-time-panel-cell-inner {\n width: 100%;\n height: 20px;\n margin: 0;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\n line-height: 20px;\n text-align: center;\n\n .${$prefixCls}-panel-rtl & {\n padding: 0 12px 0 0;\n text-align: right;\n }\n }\n\n &:hover {\n background-color: ${theme.layer({ foundation: 'section', state: FabricsVariables.States.Hover })[\n Variables.BackgroundFoundation\n ]};\n }\n }\n }\n }\n\n &-datetime-panel {\n display: flex;\n\n .${$prefixCls}-time-panel {\n margin-left: 20px;\n }\n\n .${$prefixCls}-date-panel, .${$prefixCls}-time-panel {\n transition: opacity 0.3s;\n }\n\n &-active {\n .${$prefixCls}-date-panel, .${$prefixCls}-time-panel {\n opacity: 0.3;\n\n &-active {\n opacity: 1;\n }\n }\n }\n }\n\n ${Header}\n ${Cell}\n ${Footer}\n `}\n`;\n\nexport type DatePickerWrapperProps = Required<PickTransient<IDatePickerProps, 'size' | 'prefixCls'>> &\n PickTransient<IDatePickerProps, 'elevation' | 'invalid'>;\n\nconst DatePickerWrapper = styled.div<DatePickerWrapperProps>`\n ${({ $prefixCls, $size, theme }) => css<DatePickerWrapperProps>`\n ${InputStyles.WrapperStyles};\n\n &:has(> .${$prefixCls}-range) {\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n }\n\n &:focus-visible {\n outline: none;\n }\n\n .${$prefixCls} {\n display: flex;\n align-items: center;\n justify-content: stretch;\n width: 100%;\n\n &-rtl {\n direction: rtl;\n }\n\n ${Panel}\n\n &-input {\n display: flex;\n width: 100%;\n }\n\n &-suffix {\n ${$size === Sizes.XSmall &&\n css`\n margin-block: 1px;\n `};\n }\n\n &-clear {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n\n button {\n right: ${InputConsts.consts[$size].containerGap * 2 +\n InputConsts.consts[$size].iconSize +\n InputConsts.consts[$size].padding.inline * 2}px;\n }\n }\n\n &-range {\n display: flex;\n position: relative;\n gap: ${InputConsts.consts[$size].containerGap}px;\n\n input {\n border-radius: ${InputConsts.consts[$size].affixBorderRadius}px;\n }\n\n input:hover,\n input:active,\n input:focus-visible {\n background-color: ${theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected]};\n }\n\n .${$prefixCls}-clear div {\n top: 0;\n }\n\n &-separator {\n display: flex;\n align-items: center;\n fill: inherit;\n }\n }\n }\n\n ${Dropdown}\n `}\n`;\n\nexport type CalendarWrapperProps = Required<PickTransient<IDatePickerProps, 'prefixCls' | 'size'>>;\n\nconst CalendarWrapper = styled.div<CalendarWrapperProps>`\n ${({ $prefixCls }) => css<CalendarWrapperProps>`\n .${$prefixCls} {\n ${Panel};\n }\n `}\n`;\n\nexport { DatePickerWrapper, CalendarWrapper };\n"],"names":["consts","DatePickerConsts","Dropdown","css","$prefixCls","$elevation","$size","theme","layer","arrowWidth","arrowHeight","DatePickerConsts.arrow","ZIndexes","getFocusStyles","Variables","Cell","modes","subtleLayer","disabledLayer","getLabelTypographySize","FabricsVariables","Header","Sizes","Footer","buttonCssWithVariant","Panel","ARROW_KEYPAD_CLASS","DatePickerWrapper","styled","InputStyles.WrapperStyles","InputConsts.consts","CalendarWrapper"],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- import type { DatePickerTypes } from '../../react-base/src/components/DatePicker';
2
- export interface IDatePickerProps extends DatePickerTypes.IProps {
3
- prefixCls?: string;
4
- container?: HTMLElement;
5
- className?: string;
6
- }
7
- //# sourceMappingURL=DatePicker.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedDatePicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAErF,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,MAAM;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
@@ -1,10 +0,0 @@
1
- import { type ReactElement } from 'react';
2
- import type { Dayjs } from 'dayjs';
3
- import type { ICalendarProps } from './Calendar.types';
4
- /**
5
- * @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.
6
- * This component is a wrapper around the `rc-picker` Panel component, but is not accessible via screen reader.
7
- */
8
- declare const Calendar: <T extends object = Dayjs>({ className, value, size, ...rest }: ICalendarProps<T>) => ReactElement;
9
- export default Calendar;
10
- //# sourceMappingURL=Calendar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedDatePicker/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,OAAO,CAAC;AAIlD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AASnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD;;;GAGG;AACH,QAAA,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,+CAK/B,cAAc,CAAC,CAAC,CAAC,KAAG,YAoDtB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,61 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { useRef as f } from "react";
3
- import l from "classnames";
4
- import { PickerPanel as p } from "rc-picker";
5
- import u from "rc-picker/es/generate/dayjs";
6
- import C from "rc-picker/es/locale/en_GB";
7
- import { Variants as I, Sizes as x } from "../../../../react-base/src/consts/index.js";
8
- import * as P from "../../../../react-base/src/components/DatePicker/DatePicker.consts.js";
9
- import d from "../../../Button/Button.js";
10
- import { CalendarWrapper as s } from "../../DatePicker.styles.js";
11
- import { ClearIcon as S, SuffixIcon as N, SuperPrevIcon as g, PrevIcon as k, SuperNextIcon as v, NextIcon as y } from "../Icons/Icons.js";
12
- import { CALENDAR_CLASS as o } from "../../../../react-base/src/consts/classes.js";
13
- const { ariaLabel: D, consts: M } = P, T = ({
14
- className: m = "",
15
- value: n,
16
- size: a = `${x.Medium}`,
17
- ...e
18
- }) => {
19
- const t = f(null), i = {
20
- prefixCls: o,
21
- getPopupContainer: () => t.current,
22
- showToday: !0,
23
- nextIcon: /* @__PURE__ */ r(y, {}),
24
- superNextIcon: /* @__PURE__ */ r(v, {}),
25
- prevIcon: /* @__PURE__ */ r(k, {}),
26
- superPrevIcon: /* @__PURE__ */ r(g, {}),
27
- suffixIcon: /* @__PURE__ */ r(N, {}),
28
- allowClear: !0,
29
- clearIcon: /* @__PURE__ */ r(
30
- d,
31
- {
32
- size: M[a].clearSize,
33
- variant: I.Transparent,
34
- icon: /* @__PURE__ */ r(S, {}),
35
- iconOnly: !0,
36
- "aria-label": "Clear entry"
37
- }
38
- ),
39
- locale: C,
40
- format: "DD MMM YYYY",
41
- "aria-label": D
42
- }, c = {
43
- className: l(o, m),
44
- $prefixCls: o,
45
- ref: t,
46
- $size: a
47
- };
48
- return e.config === "custom" ? /* @__PURE__ */ r(s, { ...c, children: /* @__PURE__ */ r(p, { ...i, ...e, value: n }) }) : /* @__PURE__ */ r(s, { ...c, children: /* @__PURE__ */ r(
49
- p,
50
- {
51
- ...i,
52
- generateConfig: u,
53
- value: n,
54
- ...e
55
- }
56
- ) });
57
- };
58
- export {
59
- T as default
60
- };
61
- //# sourceMappingURL=Calendar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Calendar.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/Calendar/Calendar.tsx"],"sourcesContent":["import { type ReactElement, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { PickerPanel } from 'rc-picker';\nimport type { Dayjs } from 'dayjs';\nimport dayJsGenerateConfig from 'rc-picker/es/generate/dayjs';\nimport enGB from 'rc-picker/es/locale/en_GB';\nimport { Sizes, Variants, CALENDAR_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { DatePickerConsts } from 'acinguiux-ds-react-base/components/DatePicker';\n\nimport Button from '../../../Button/Button';\nimport * as Styled from '../../DatePicker.styles';\nimport { ClearIcon, NextIcon, PrevIcon, SuffixIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\nimport type { ICalendarProps } from './Calendar.types';\n\nconst { ariaLabel, consts } = DatePickerConsts;\n\n/**\n * @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.\n * This component is a wrapper around the `rc-picker` Panel component, but is not accessible via screen reader.\n */\nconst Calendar = <T extends object = Dayjs>({\n className = '',\n value,\n size = `${Sizes.Medium}`,\n ...rest\n}: ICalendarProps<T>): ReactElement => {\n const container = useRef<HTMLDivElement>(null);\n\n const pickerProps = {\n prefixCls: CALENDAR_CLASS,\n getPopupContainer: () => container.current as HTMLElement,\n showToday: true,\n nextIcon: <NextIcon />,\n superNextIcon: <SuperNextIcon />,\n prevIcon: <PrevIcon />,\n superPrevIcon: <SuperPrevIcon />,\n suffixIcon: <SuffixIcon />,\n allowClear: true,\n clearIcon: (\n <Button\n size={consts[size].clearSize}\n variant={Variants.Transparent}\n icon={<ClearIcon />}\n iconOnly={true}\n aria-label=\"Clear entry\"\n />\n ),\n locale: enGB,\n format: 'DD MMM YYYY',\n 'aria-label': ariaLabel,\n };\n\n const datePickerWrapperProps = {\n className: classNames(CALENDAR_CLASS, className),\n $prefixCls: CALENDAR_CLASS,\n ref: container,\n $size: size,\n };\n\n if (rest.config === 'custom') {\n return (\n <Styled.CalendarWrapper {...datePickerWrapperProps}>\n <PickerPanel {...pickerProps} {...rest} value={value as NonNullable<T>} />\n </Styled.CalendarWrapper>\n );\n }\n\n return (\n <Styled.CalendarWrapper {...datePickerWrapperProps}>\n <PickerPanel\n {...pickerProps}\n generateConfig={dayJsGenerateConfig}\n value={value as NonNullable<Dayjs>}\n {...rest}\n />\n </Styled.CalendarWrapper>\n );\n};\n\nexport default Calendar;\n"],"names":["ariaLabel","consts","DatePickerConsts","Calendar","className","value","size","Sizes","rest","container","useRef","pickerProps","CALENDAR_CLASS","NextIcon","SuperNextIcon","PrevIcon","SuperPrevIcon","SuffixIcon","jsx","Button","Variants","ClearIcon","enGB","datePickerWrapperProps","classNames","Styled.CalendarWrapper","PickerPanel","dayJsGenerateConfig"],"mappings":";;;;;;;;;;;;AAeA,MAAM,EAAE,WAAAA,GAAW,QAAAC,EAAA,IAAWC,GAMxBC,IAAW,CAA2B;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,EACtB,GAAGC;AACL,MAAuC;AACrC,QAAMC,IAAYC,EAAuB,IAAI,GAEvCC,IAAc;AAAA,IAClB,WAAWC;AAAA,IACX,mBAAmB,MAAMH,EAAU;AAAA,IACnC,WAAW;AAAA,IACX,4BAAWI,GAAA,EAAS;AAAA,IACpB,iCAAgBC,GAAA,EAAc;AAAA,IAC9B,4BAAWC,GAAA,EAAS;AAAA,IACpB,iCAAgBC,GAAA,EAAc;AAAA,IAC9B,8BAAaC,GAAA,EAAW;AAAA,IACxB,YAAY;AAAA,IACZ,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMlB,EAAOK,CAAI,EAAE;AAAA,QACnB,SAASc,EAAS;AAAA,QAClB,wBAAOC,GAAA,EAAU;AAAA,QACjB,UAAU;AAAA,QACV,cAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGf,QAAQC;AAAA,IACR,QAAQ;AAAA,IACR,cAActB;AAAA,EAAA,GAGVuB,IAAyB;AAAA,IAC7B,WAAWC,EAAWZ,GAAgBR,CAAS;AAAA,IAC/C,YAAYQ;AAAA,IACZ,KAAKH;AAAA,IACL,OAAOH;AAAA,EAAA;AAGT,SAAIE,EAAK,WAAW,WAEhB,gBAAAU,EAACO,GAAA,EAAwB,GAAGF,GAC1B,UAAA,gBAAAL,EAACQ,GAAA,EAAa,GAAGf,GAAc,GAAGH,GAAM,OAAAH,GAAgC,EAAA,CAC1E,IAKF,gBAAAa,EAACO,GAAA,EAAwB,GAAGF,GAC1B,UAAA,gBAAAL;AAAA,IAACQ;AAAA,IAAA;AAAA,MACE,GAAGf;AAAA,MACJ,gBAAgBgB;AAAA,MAChB,OAAAtB;AAAA,MACC,GAAGG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
@@ -1,21 +0,0 @@
1
- import type { Dayjs } from 'dayjs';
2
- import type { PickerPanelProps } from 'rc-picker';
3
- import type { GenerateConfig } from 'rc-picker/es/generate';
4
- import type { SharedTimeProps, Locale } from 'rc-picker/es/interface';
5
- import type { IDatePickerProps } from '../../DatePicker.types';
6
- export type CalendarValueType<T extends object = Dayjs> = T | null;
7
- type ICalendarPropsBase<T extends object> = Omit<PickerPanelProps<T>, 'locale' | 'generateConfig'> & {
8
- showTime?: boolean | SharedTimeProps<T>;
9
- showToday?: boolean;
10
- locale?: Locale;
11
- generateConfig: GenerateConfig<T>;
12
- } & Pick<IDatePickerProps, 'size' | 'className' | 'prefixCls'>;
13
- type IDefaultCalendarProps = Omit<ICalendarPropsBase<Dayjs>, 'generateConfig'> & {
14
- config?: 'default';
15
- };
16
- type ICustomCalendarProps<T extends object = Dayjs> = ICalendarPropsBase<T> & {
17
- config: 'custom';
18
- };
19
- export type ICalendarProps<T extends object = Dayjs> = IDefaultCalendarProps | ICustomCalendarProps<T>;
20
- export {};
21
- //# sourceMappingURL=Calendar.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Calendar.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedDatePicker/components/Calendar/Calendar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;AACnE,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC,GAAG;IACnG,QAAQ,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACnC,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;AAE/D,KAAK,qBAAqB,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AACxG,KAAK,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,KAAK,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEnG,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,KAAK,IAAI,qBAAqB,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC"}
@@ -1,9 +0,0 @@
1
- import type { ReactElement } from 'react';
2
- export declare const NextIcon: () => ReactElement;
3
- export declare const SuperNextIcon: () => ReactElement;
4
- export declare const PrevIcon: () => ReactElement;
5
- export declare const SuperPrevIcon: () => ReactElement;
6
- export declare const SuffixIcon: () => ReactElement;
7
- export declare const ClearIcon: () => ReactElement;
8
- export declare const Separator: () => ReactElement;
9
- //# sourceMappingURL=Icons.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedDatePicker/components/Icons/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAU1C,eAAO,MAAM,QAAQ,QAAO,YAA6D,CAAC;AAC1F,eAAO,MAAM,aAAa,QAAO,YAA2D,CAAC;AAE7F,eAAO,MAAM,QAAQ,QAAO,YAAgE,CAAC;AAC7F,eAAO,MAAM,aAAa,QAAO,YAA8D,CAAC;AAEhG,eAAO,MAAM,UAAU,QAAO,YAA+D,CAAC;AAE9F,eAAO,MAAM,SAAS,QAAO,YAAoE,CAAC;AAElG,eAAO,MAAM,SAAS,QAAO,YAAgE,CAAC"}
@@ -1,17 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import o from "../../../Icon/components/CalendarEvent.js";
3
- import t from "../../../Icon/components/CaretLeft.js";
4
- import e from "../../../Icon/components/CaretRight.js";
5
- import a from "../../../Icon/components/ChevronLeft.js";
6
- import i from "../../../Icon/components/ChevronRight.js";
7
- import n from "../../../Icon/components/Cross.js";
8
- const d = () => /* @__PURE__ */ r(i, { width: 20, "aria-label": "Next" }), x = () => /* @__PURE__ */ r(e, { width: 20, "aria-label": "Next" }), C = () => /* @__PURE__ */ r(a, { width: 20, "aria-label": "Previous" }), b = () => /* @__PURE__ */ r(t, { width: 20, "aria-label": "Previous" }), v = () => /* @__PURE__ */ r(o, { width: 20, "aria-label": "Month" }), I = () => /* @__PURE__ */ r(n, { width: 20, tabIndex: 0, "aria-label": "Clear" });
9
- export {
10
- I as ClearIcon,
11
- d as NextIcon,
12
- C as PrevIcon,
13
- v as SuffixIcon,
14
- x as SuperNextIcon,
15
- b as SuperPrevIcon
16
- };
17
- //# sourceMappingURL=Icons.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icons.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/Icons/Icons.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport ArrowRight from '../../../Icon/components/ArrowRight';\nimport CalendarEvent from '../../../Icon/components/CalendarEvent';\nimport CaretLeft from '../../../Icon/components/CaretLeft';\nimport CaretRight from '../../../Icon/components/CaretRight';\nimport ChevronLeft from '../../../Icon/components/ChevronLeft';\nimport ChevronRight from '../../../Icon/components/ChevronRight';\nimport Cross from '../../../Icon/components/Cross';\n\nexport const NextIcon = (): ReactElement => <ChevronRight width={20} aria-label=\"Next\" />;\nexport const SuperNextIcon = (): ReactElement => <CaretRight width={20} aria-label=\"Next\" />;\n\nexport const PrevIcon = (): ReactElement => <ChevronLeft width={20} aria-label=\"Previous\" />;\nexport const SuperPrevIcon = (): ReactElement => <CaretLeft width={20} aria-label=\"Previous\" />;\n\nexport const SuffixIcon = (): ReactElement => <CalendarEvent width={20} aria-label=\"Month\" />;\n\nexport const ClearIcon = (): ReactElement => <Cross width={20} tabIndex={0} aria-label=\"Clear\" />;\n\nexport const Separator = (): ReactElement => <ArrowRight width={16} aria-label=\"Separator\" />;\n"],"names":["NextIcon","jsx","ChevronRight","SuperNextIcon","CaretRight","PrevIcon","ChevronLeft","SuperPrevIcon","CaretLeft","SuffixIcon","CalendarEvent","ClearIcon","Cross"],"mappings":";;;;;;;AAUO,MAAMA,IAAW,MAAoB,gBAAAC,EAACC,KAAa,OAAO,IAAI,cAAW,OAAA,CAAO,GAC1EC,IAAgB,MAAoB,gBAAAF,EAACG,KAAW,OAAO,IAAI,cAAW,OAAA,CAAO,GAE7EC,IAAW,MAAoB,gBAAAJ,EAACK,KAAY,OAAO,IAAI,cAAW,WAAA,CAAW,GAC7EC,IAAgB,MAAoB,gBAAAN,EAACO,KAAU,OAAO,IAAI,cAAW,WAAA,CAAW,GAEhFC,IAAa,MAAoB,gBAAAR,EAACS,KAAc,OAAO,IAAI,cAAW,QAAA,CAAQ,GAE9EC,IAAY,MAAoB,gBAAAV,EAACW,GAAA,EAAM,OAAO,IAAI,UAAU,GAAG,cAAW,QAAA,CAAQ;"}
@@ -1,10 +0,0 @@
1
- import { type ReactElement } from 'react';
2
- import type { IRangePickerProps } from './RangeDatePicker.types';
3
- /**
4
- * @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.
5
- * This component is a wrapper around the `rc-picker` RangePicker component, but is not accessible via screen reader.
6
- * Prefer using a combination of 2 `NativeDatePicker` when accessibility is required.
7
- */
8
- declare const RangeDatePicker: <T extends object>({ className, size, invalid, disabled, elevation, allowClear, prefix, suffix, background, popupAlign, onMouseDownCapture, onFocus, onBlur, onClick, ...rest }: IRangePickerProps<T>) => ReactElement;
9
- export default RangeDatePicker;
10
- //# sourceMappingURL=RangeDatePicker.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,YAAY,EAAU,MAAM,OAAO,CAAC;AAcrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAQjE;;;;GAIG;AACH,QAAA,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,gKAgBtC,iBAAiB,CAAC,CAAC,CAAC,KAAG,YAyFzB,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -1,112 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { useRef as O } from "react";
3
- import R from "classnames";
4
- import { RangePicker as v } from "rc-picker";
5
- import w from "rc-picker/es/generate/dayjs";
6
- import N from "rc-picker/es/locale/en_GB";
7
- import { Sizes as s, Variants as $ } from "../../../../react-base/src/consts/index.js";
8
- import * as Y from "../../../../react-base/src/components/DatePicker/DatePicker.consts.js";
9
- import { getSmallerSize as E } from "../../../../react-base/src/utils/sizesUtils.js";
10
- import { DatePickerWrapper as F } from "../../DatePicker.styles.js";
11
- import { SuperPrevIcon as K, PrevIcon as T, SuperNextIcon as _, NextIcon as G } from "../Icons/Icons.js";
12
- import { ClearButtonContainer as L, ClearButton as W } from "../../../TextArea/TextArea.styles.js";
13
- import j from "../../../Icon/components/ArrowRight.js";
14
- import c from "../../../Icon/components/CalendarEvent.js";
15
- import J from "../../../Icon/components/Cross.js";
16
- import { Affix as l } from "../../../TextInput/components/Affix.js";
17
- import { useFocusRingOnKeyboard as V } from "../../../../hooks/useFocusRingOnKeyboard.js";
18
- import { DATE_PICKER_CLASS as a } from "../../../../react-base/src/consts/classes.js";
19
- const { ariaLabel: X } = Y, sr = ({
20
- className: u,
21
- size: o = s.Medium,
22
- invalid: n = !1,
23
- disabled: e = !1,
24
- elevation: i = !0,
25
- allowClear: C = !0,
26
- prefix: x,
27
- suffix: g,
28
- background: f,
29
- popupAlign: P,
30
- onMouseDownCapture: I,
31
- onFocus: y,
32
- onBlur: A,
33
- onClick: d,
34
- ...t
35
- }) => {
36
- const p = O(null), { focusKind: h, handleOnClick: m, handleOnFocus: k, handleOnMouseDownCapture: D, handleOnBlur: S } = V({
37
- onFocus: y,
38
- onBlur: A,
39
- onClick: d,
40
- onMouseDownCapture: I
41
- }), B = {
42
- popupAlign: {
43
- ...P,
44
- offset: [0, i ? 20 : 0]
45
- },
46
- generateConfig: t.config === "custom" ? t.generateConfig : w,
47
- disabled: e,
48
- onFocus: k,
49
- onClick: m,
50
- prefixCls: a,
51
- getPopupContainer: () => p.current,
52
- separator: /* @__PURE__ */ r(j, {}),
53
- showToday: !1,
54
- nextIcon: /* @__PURE__ */ r(G, {}),
55
- superNextIcon: /* @__PURE__ */ r(_, {}),
56
- prevIcon: /* @__PURE__ */ r(T, {}),
57
- superPrevIcon: /* @__PURE__ */ r(K, {}),
58
- ...x ? {
59
- prefix: /* @__PURE__ */ r(
60
- l,
61
- {
62
- affix: { transparent: !f, node: /* @__PURE__ */ r(c, {}) },
63
- size: o,
64
- disabled: Array.isArray(e) ? e.some(Boolean) : e,
65
- type: "prefix",
66
- invalid: n
67
- }
68
- )
69
- } : {},
70
- ...g ? {
71
- suffixIcon: /* @__PURE__ */ r(
72
- l,
73
- {
74
- affix: { transparent: !f, node: /* @__PURE__ */ r(c, {}) },
75
- size: o,
76
- disabled: Array.isArray(e) ? e.some(Boolean) : e,
77
- type: "suffix",
78
- invalid: n
79
- }
80
- )
81
- } : {},
82
- allowClear: C ? {
83
- clearIcon: /* @__PURE__ */ r(L, { $size: o, children: /* @__PURE__ */ r(
84
- W,
85
- {
86
- size: o === s.XSmall ? o : E(o),
87
- variant: $.Transparent,
88
- icon: /* @__PURE__ */ r(J, {}),
89
- iconOnly: !0
90
- }
91
- ) })
92
- } : !1,
93
- locale: N,
94
- format: "DD MMM YYYY",
95
- "aria-label": X
96
- }, M = {
97
- className: R(a, u),
98
- onMouseDown: D,
99
- onClick: m,
100
- onBlur: S,
101
- $prefixCls: a,
102
- ref: p,
103
- $size: o,
104
- $invalid: n,
105
- $elevation: i
106
- };
107
- return /* @__PURE__ */ r(F, { ...M, children: /* @__PURE__ */ r(v, { ...B, ...t, "data-focused": h }) });
108
- };
109
- export {
110
- sr as default
111
- };
112
- //# sourceMappingURL=RangeDatePicker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RangeDatePicker.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.tsx"],"sourcesContent":["import { FocusEventHandler, type ReactElement, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { RangePicker, RangePickerProps } from 'rc-picker';\nimport dayJsGenerateConfig from 'rc-picker/es/generate/dayjs';\nimport enGB from 'rc-picker/es/locale/en_GB';\nimport { Sizes, DATE_PICKER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\nimport { DatePickerConsts, DatePickerTypes } from 'acinguiux-ds-react-base/components/DatePicker';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { GenerateConfig } from 'rc-picker/es/generate';\nimport { RangePickerRef } from 'rc-picker/es/interface';\n\nimport * as Styled from '../../DatePicker.styles';\nimport { NextIcon, PrevIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\nimport type { IRangePickerProps } from './RangeDatePicker.types';\nimport * as TextAreaStyled from '../../../TextArea/TextArea.styles';\nimport { ArrowRight, CalendarEvent, Cross } from '../../../Icon/components';\nimport { Affix } from '../../../TextInput/components/Affix';\nimport { useFocusRingOnKeyboard } from '../../../../hooks/useFocusRingOnKeyboard';\n\nconst { ariaLabel } = DatePickerConsts;\n\n/**\n * @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.\n * This component is a wrapper around the `rc-picker` RangePicker component, but is not accessible via screen reader.\n * Prefer using a combination of 2 `NativeDatePicker` when accessibility is required.\n */\nconst RangeDatePicker = <T extends object>({\n className,\n size = Sizes.Medium,\n invalid = false,\n disabled = false,\n elevation = true,\n allowClear = true,\n prefix,\n suffix,\n background,\n popupAlign,\n onMouseDownCapture,\n onFocus,\n onBlur,\n onClick,\n ...rest\n}: IRangePickerProps<T>): ReactElement => {\n const container = useRef<HTMLDivElement>(null);\n\n const { focusKind, handleOnClick, handleOnFocus, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n onFocus: onFocus as FocusEventHandler<HTMLElement>,\n onBlur: onBlur as FocusEventHandler<HTMLElement>,\n onClick,\n onMouseDownCapture,\n });\n\n const pickerProps: RangePickerProps<T> = {\n popupAlign: {\n ...popupAlign,\n offset: [0, elevation ? 20 : 0],\n },\n generateConfig: (rest.config === 'custom' ? rest.generateConfig : dayJsGenerateConfig) as GenerateConfig<T>,\n disabled,\n onFocus: handleOnFocus,\n onClick: handleOnClick,\n prefixCls: DATE_PICKER_CLASS,\n getPopupContainer: () => container.current as HTMLElement,\n separator: <ArrowRight />,\n showToday: false,\n nextIcon: <NextIcon />,\n superNextIcon: <SuperNextIcon />,\n prevIcon: <PrevIcon />,\n superPrevIcon: <SuperPrevIcon />,\n ...(prefix\n ? {\n prefix: (\n <Affix\n affix={{ transparent: !background, node: <CalendarEvent /> }}\n size={size}\n disabled={Array.isArray(disabled) ? disabled.some(Boolean) : disabled}\n type=\"prefix\"\n invalid={invalid}\n />\n ),\n }\n : {}),\n ...(suffix\n ? {\n suffixIcon: (\n <Affix\n affix={{ transparent: !background, node: <CalendarEvent /> }}\n size={size}\n disabled={Array.isArray(disabled) ? disabled.some(Boolean) : disabled}\n type=\"suffix\"\n invalid={invalid}\n />\n ),\n }\n : {}),\n allowClear: allowClear\n ? {\n clearIcon: (\n <TextAreaStyled.ClearButtonContainer $size={size}>\n <TextAreaStyled.ClearButton\n size={size === Sizes.XSmall ? size : (getSmallerSize(size) as DatePickerTypes.Size)}\n variant={Variants.Transparent}\n icon={<Cross />}\n iconOnly={true}\n />\n </TextAreaStyled.ClearButtonContainer>\n ),\n }\n : false,\n locale: enGB,\n format: 'DD MMM YYYY',\n 'aria-label': ariaLabel,\n };\n\n const datePickerWrapperProps = {\n className: classNames(DATE_PICKER_CLASS, className),\n onMouseDown: handleOnMouseDownCapture,\n onClick: handleOnClick,\n onBlur: handleOnBlur,\n $prefixCls: DATE_PICKER_CLASS,\n ref: container,\n $size: size,\n $invalid: invalid,\n $elevation: elevation,\n };\n\n return (\n <Styled.DatePickerWrapper {...datePickerWrapperProps}>\n <RangePicker<T> {...pickerProps} {...(rest as React.RefAttributes<RangePickerRef>)} data-focused={focusKind} />\n </Styled.DatePickerWrapper>\n );\n};\n\nexport default RangeDatePicker;\n"],"names":["ariaLabel","DatePickerConsts","RangeDatePicker","className","size","Sizes","invalid","disabled","elevation","allowClear","prefix","suffix","background","popupAlign","onMouseDownCapture","onFocus","onBlur","onClick","rest","container","useRef","focusKind","handleOnClick","handleOnFocus","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","pickerProps","dayJsGenerateConfig","DATE_PICKER_CLASS","ArrowRight","NextIcon","SuperNextIcon","PrevIcon","SuperPrevIcon","jsx","Affix","CalendarEvent","TextAreaStyled.ClearButtonContainer","TextAreaStyled.ClearButton","getSmallerSize","Variants","Cross","enGB","datePickerWrapperProps","classNames","Styled.DatePickerWrapper","RangePicker"],"mappings":"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"}
@@ -1,27 +0,0 @@
1
- import type { Dayjs } from 'dayjs';
2
- import type { RangePickerProps } from 'rc-picker';
3
- import type { GenerateConfig } from 'rc-picker/es/generate';
4
- import type { SharedTimeProps, Locale, PickerMode } from 'rc-picker/es/interface';
5
- import type { IDatePickerProps } from '../../DatePicker.types';
6
- type RangeShowTimeObject<T extends object> = Omit<SharedTimeProps<T>, 'defaultValue'> & {
7
- defaultValue?: T[];
8
- };
9
- export type RangePickerValueType<T extends object = Dayjs> = [T | null, T | null] | null;
10
- type IRangePickerPropsBase<T extends object> = Omit<RangePickerProps<T>, 'picker' | 'locale' | 'generateConfig' | 'prefix' | 'allowClear'> & {
11
- placeholder?: [string, string];
12
- showTime?: boolean | RangeShowTimeObject<T>;
13
- showToday?: boolean;
14
- picker?: PickerMode;
15
- allowClear?: boolean;
16
- locale?: Locale;
17
- generateConfig: GenerateConfig<T>;
18
- } & IDatePickerProps;
19
- type IDefaultRangePickerProps = Omit<IRangePickerPropsBase<Dayjs>, 'generateConfig'> & {
20
- config?: 'default';
21
- };
22
- type ICustomRangePickerProps<T extends object> = IRangePickerPropsBase<T> & {
23
- config: 'custom';
24
- };
25
- export type IRangePickerProps<T extends object = Dayjs> = IDefaultRangePickerProps | ICustomRangePickerProps<T>;
26
- export {};
27
- //# sourceMappingURL=RangeDatePicker.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RangeDatePicker.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAElF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,KAAK,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,GAAG;IACtF,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;AACzF,KAAK,qBAAqB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CACjD,gBAAgB,CAAC,CAAC,CAAC,EACnB,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,GAAG,QAAQ,GAAG,YAAY,CACjE,GAAG;IACF,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACnC,GAAG,gBAAgB,CAAC;AAErB,KAAK,wBAAwB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAC9G,KAAK,uBAAuB,CAAC,CAAC,SAAS,MAAM,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEjG,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,KAAK,IAAI,wBAAwB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC"}
@@ -1,10 +0,0 @@
1
- import { type ReactElement } from 'react';
2
- import type { ISingleDatePickerProps } from './SingleDatePicker.types';
3
- /**
4
- * @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.
5
- * This component is a wrapper around the `rc-picker` Picker component, but is not accessible via screen reader.
6
- * Prefer using `NativeDatePicker` when accessibility is required.
7
- */
8
- declare const SingleDatePicker: <T extends object>({ className, size, invalid, disabled, elevation, prefix, suffix, allowClear, background, popupAlign, onMouseDownCapture, onClick, onFocus, onBlur, ...rest }: ISingleDatePickerProps<T>) => ReactElement;
9
- export default SingleDatePicker;
10
- //# sourceMappingURL=SingleDatePicker.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAqD,MAAM,OAAO,CAAC;AAa7F,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAgBvE;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,gKAgBvC,sBAAsB,CAAC,CAAC,CAAC,KAAG,YAgG9B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -1,113 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { useRef as N } from "react";
3
- import w from "classnames";
4
- import { Picker as C } from "rc-picker";
5
- import A from "rc-picker/es/generate/dayjs";
6
- import Y from "rc-picker/es/locale/en_GB";
7
- import { Sizes as d, Variants as b } from "../../../../react-base/src/consts/index.js";
8
- import * as E from "../../../../react-base/src/components/DatePicker/DatePicker.consts.js";
9
- import { getSmallerSize as F } from "../../../../react-base/src/utils/sizesUtils.js";
10
- import { Affix as x } from "../../../TextInput/components/Affix.js";
11
- import { DatePickerWrapper as P } from "../../DatePicker.styles.js";
12
- import { SuperPrevIcon as K, PrevIcon as R, SuperNextIcon as T, NextIcon as _ } from "../Icons/Icons.js";
13
- import { useFocusRingOnKeyboard as G } from "../../../../hooks/useFocusRingOnKeyboard.js";
14
- import { ClearButtonContainer as L, ClearButton as W } from "../../../TextArea/TextArea.styles.js";
15
- import I from "../../../Icon/components/CalendarEvent.js";
16
- import j from "../../../Icon/components/Cross.js";
17
- import J from "../../../Button/Button.js";
18
- import { DATE_PICKER_CLASS as i } from "../../../../react-base/src/consts/classes.js";
19
- const { ariaLabel: V } = E, X = (t) => ({
20
- button: ({ children: r, ...e }) => /* @__PURE__ */ o(J, { type: "button", size: t, ...e, children: r })
21
- }), so = ({
22
- className: t = "",
23
- size: r = `${d.Medium}`,
24
- invalid: e = !1,
25
- disabled: n = !1,
26
- elevation: f = !0,
27
- prefix: k = !1,
28
- suffix: S = !0,
29
- allowClear: g = !0,
30
- background: p = !0,
31
- popupAlign: h,
32
- onMouseDownCapture: D,
33
- onClick: y,
34
- onFocus: O,
35
- onBlur: B,
36
- ...a
37
- }) => {
38
- const c = N(null), { focusKind: m, handleOnClick: s, handleOnFocus: M, handleOnMouseDownCapture: $, handleOnBlur: v } = G({
39
- onFocus: O,
40
- onBlur: B,
41
- onClick: y,
42
- onMouseDownCapture: D
43
- }), u = {
44
- popupAlign: {
45
- ...h,
46
- offset: [0, f ? 20 : 0]
47
- },
48
- disabled: n,
49
- onFocus: M,
50
- onClick: s,
51
- prefixCls: i,
52
- getPopupContainer: () => c.current,
53
- showToday: !0,
54
- nextIcon: /* @__PURE__ */ o(_, {}),
55
- superNextIcon: /* @__PURE__ */ o(T, {}),
56
- prevIcon: /* @__PURE__ */ o(R, {}),
57
- superPrevIcon: /* @__PURE__ */ o(K, {}),
58
- ...k ? {
59
- prefix: /* @__PURE__ */ o(
60
- x,
61
- {
62
- affix: { transparent: !p, node: /* @__PURE__ */ o(I, {}) },
63
- size: r,
64
- disabled: n,
65
- type: "prefix",
66
- invalid: e
67
- }
68
- )
69
- } : {},
70
- ...S ? {
71
- suffixIcon: /* @__PURE__ */ o(
72
- x,
73
- {
74
- affix: { transparent: !p, node: /* @__PURE__ */ o(I, {}) },
75
- size: r,
76
- disabled: n,
77
- type: "suffix",
78
- invalid: e
79
- }
80
- )
81
- } : {},
82
- allowClear: g ? {
83
- clearIcon: /* @__PURE__ */ o(L, { $size: r, children: /* @__PURE__ */ o(
84
- W,
85
- {
86
- size: r === d.XSmall ? r : F(r),
87
- variant: b.Transparent,
88
- icon: /* @__PURE__ */ o(j, {}),
89
- iconOnly: !0
90
- }
91
- ) })
92
- } : !1,
93
- locale: Y,
94
- format: "DD MMM YYYY",
95
- "aria-label": V,
96
- components: X(r)
97
- }, l = {
98
- className: w(i, t),
99
- onMouseDown: $,
100
- onClick: s,
101
- onBlur: v,
102
- $prefixCls: i,
103
- ref: c,
104
- $size: r,
105
- $invalid: e,
106
- $elevation: f
107
- };
108
- return a.config === "custom" ? /* @__PURE__ */ o(P, { ...l, children: /* @__PURE__ */ o(C, { "data-focused": m, ...u, ...a }) }) : /* @__PURE__ */ o(P, { ...l, children: /* @__PURE__ */ o(C, { "data-focused": m, generateConfig: A, ...u, ...a }) });
109
- };
110
- export {
111
- so as default
112
- };
113
- //# sourceMappingURL=SingleDatePicker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SingleDatePicker.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.tsx"],"sourcesContent":["import { type ReactElement, useRef, type PropsWithChildren, FocusEventHandler } from 'react';\n\nimport classNames from 'classnames';\nimport { Picker } from 'rc-picker';\nimport dayJsGenerateConfig from 'rc-picker/es/generate/dayjs';\nimport enGB from 'rc-picker/es/locale/en_GB';\nimport { Sizes, DATE_PICKER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\nimport { DatePickerConsts, DatePickerTypes } from 'acinguiux-ds-react-base/components/DatePicker';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport { Affix } from '../../../TextInput/components/Affix';\nimport * as Styled from '../../DatePicker.styles';\nimport { NextIcon, PrevIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\nimport type { ISingleDatePickerProps } from './SingleDatePicker.types';\nimport { useFocusRingOnKeyboard } from '../../../../hooks/useFocusRingOnKeyboard';\nimport * as TextAreaStyled from '../../../TextArea/TextArea.styles';\nimport { CalendarEvent, Cross } from '../../../Icon/components';\nimport Button from '../../../Button/Button';\n\nconst { ariaLabel } = DatePickerConsts;\n\nconst customOkbutton = (size: DatePickerTypes.Size) => ({\n button: ({ children, ...props }: PropsWithChildren<unknown>) => (\n <Button type=\"button\" size={size} {...props}>\n {children}\n </Button>\n ),\n});\n\n/**\n * @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.\n * This component is a wrapper around the `rc-picker` Picker component, but is not accessible via screen reader.\n * Prefer using `NativeDatePicker` when accessibility is required.\n */\nconst SingleDatePicker = <T extends object>({\n className = '',\n size = `${Sizes.Medium}`,\n invalid = false,\n disabled = false,\n elevation = true,\n prefix = false,\n suffix = true,\n allowClear = true,\n background = true,\n popupAlign,\n onMouseDownCapture,\n onClick,\n onFocus,\n onBlur,\n ...rest\n}: ISingleDatePickerProps<T>): ReactElement => {\n const container = useRef<HTMLDivElement>(null);\n\n const { focusKind, handleOnClick, handleOnFocus, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n onFocus: onFocus as FocusEventHandler<HTMLElement>,\n onBlur: onBlur as FocusEventHandler<HTMLElement>,\n onClick,\n onMouseDownCapture,\n });\n\n const pickerProps = {\n popupAlign: {\n ...popupAlign,\n offset: [0, elevation ? 20 : 0],\n },\n disabled,\n onFocus: handleOnFocus,\n onClick: handleOnClick,\n prefixCls: DATE_PICKER_CLASS,\n getPopupContainer: () => container.current as HTMLElement,\n showToday: true,\n nextIcon: <NextIcon />,\n superNextIcon: <SuperNextIcon />,\n prevIcon: <PrevIcon />,\n superPrevIcon: <SuperPrevIcon />,\n ...(prefix\n ? {\n prefix: (\n <Affix\n affix={{ transparent: !background, node: <CalendarEvent /> }}\n size={size}\n disabled={disabled}\n type=\"prefix\"\n invalid={invalid}\n />\n ),\n }\n : {}),\n ...(suffix\n ? {\n suffixIcon: (\n <Affix\n affix={{ transparent: !background, node: <CalendarEvent /> }}\n size={size}\n disabled={disabled}\n type=\"suffix\"\n invalid={invalid}\n />\n ),\n }\n : {}),\n allowClear: allowClear\n ? {\n clearIcon: (\n <TextAreaStyled.ClearButtonContainer $size={size}>\n <TextAreaStyled.ClearButton\n size={size === Sizes.XSmall ? size : (getSmallerSize(size) as DatePickerTypes.Size)}\n variant={Variants.Transparent}\n icon={<Cross />}\n iconOnly={true}\n />\n </TextAreaStyled.ClearButtonContainer>\n ),\n }\n : false,\n locale: enGB,\n format: 'DD MMM YYYY',\n 'aria-label': ariaLabel,\n components: customOkbutton(size),\n };\n\n const datePickerWrapperProps = {\n className: classNames(DATE_PICKER_CLASS, className),\n onMouseDown: handleOnMouseDownCapture,\n onClick: handleOnClick,\n onBlur: handleOnBlur,\n $prefixCls: DATE_PICKER_CLASS,\n ref: container,\n $size: size,\n $invalid: invalid,\n $elevation: elevation,\n };\n\n if (rest.config === 'custom') {\n return (\n <Styled.DatePickerWrapper {...datePickerWrapperProps}>\n <Picker data-focused={focusKind} {...pickerProps} {...rest} />\n </Styled.DatePickerWrapper>\n );\n }\n\n return (\n <Styled.DatePickerWrapper {...datePickerWrapperProps}>\n <Picker data-focused={focusKind} generateConfig={dayJsGenerateConfig} {...pickerProps} {...rest} />\n </Styled.DatePickerWrapper>\n );\n};\n\nexport default SingleDatePicker;\n"],"names":["ariaLabel","DatePickerConsts","customOkbutton","size","children","props","jsx","Button","SingleDatePicker","className","Sizes","invalid","disabled","elevation","prefix","suffix","allowClear","background","popupAlign","onMouseDownCapture","onClick","onFocus","onBlur","rest","container","useRef","focusKind","handleOnClick","handleOnFocus","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","pickerProps","DATE_PICKER_CLASS","NextIcon","SuperNextIcon","PrevIcon","SuperPrevIcon","Affix","CalendarEvent","TextAreaStyled.ClearButtonContainer","TextAreaStyled.ClearButton","getSmallerSize","Variants","Cross","enGB","datePickerWrapperProps","classNames","Styled.DatePickerWrapper","Picker","dayJsGenerateConfig"],"mappings":"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"}
@@ -1,24 +0,0 @@
1
- import type { Dayjs } from 'dayjs';
2
- import type { PickerProps } from 'rc-picker';
3
- import type { GenerateConfig } from 'rc-picker/es/generate';
4
- import type { Locale, PickerMode, SharedTimeProps } from 'rc-picker/es/interface';
5
- import type { IDatePickerProps } from '../../DatePicker.types';
6
- export type SinglePickerValueType<T extends object = Dayjs> = T | null;
7
- type ISinglePickerPropsBase<T extends object> = Omit<PickerProps<T>, 'picker' | 'locale' | 'generateConfig' | 'prefix' | 'allowClear'> & {
8
- placeholder?: string;
9
- showTime?: boolean | SharedTimeProps<T>;
10
- showToday?: boolean;
11
- picker?: PickerMode;
12
- locale?: Locale;
13
- allowClear?: boolean;
14
- generateConfig: GenerateConfig<T>;
15
- } & IDatePickerProps;
16
- type IDefaultSinglePickerProps = Omit<ISinglePickerPropsBase<Dayjs>, 'generateConfig'> & {
17
- config?: 'default';
18
- };
19
- type ICustomSinglePickerProps<T extends object> = ISinglePickerPropsBase<T> & {
20
- config: 'custom';
21
- };
22
- export type ISingleDatePickerProps<T extends object = Dayjs> = IDefaultSinglePickerProps | ICustomSinglePickerProps<T>;
23
- export {};
24
- //# sourceMappingURL=SingleDatePicker.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SingleDatePicker.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAElF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;AACvE,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAClD,WAAW,CAAC,CAAC,CAAC,EACd,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,GAAG,QAAQ,GAAG,YAAY,CACjE,GAAG;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACnC,GAAG,gBAAgB,CAAC;AAErB,KAAK,yBAAyB,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAChH,KAAK,wBAAwB,CAAC,CAAC,SAAS,MAAM,IAAI,sBAAsB,CAAC,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEnG,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,MAAM,GAAG,KAAK,IAAI,yBAAyB,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC"}