acinguiux-ds-react-framework 0.1.9 → 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 (61) 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/esm/components/Button/Button.styles.js +33 -33
  11. package/build/esm/components/Button/Button.styles.js.map +1 -1
  12. package/build/esm/components/Chart/Highcharts/HighchartsChart.d.ts.map +1 -1
  13. package/build/esm/components/Chart/Highcharts/HighchartsChart.js +28 -24
  14. package/build/esm/components/Chart/Highcharts/HighchartsChart.js.map +1 -1
  15. package/build/esm/index.d.ts +0 -7
  16. package/build/esm/index.d.ts.map +1 -1
  17. package/build/esm/index.js +215 -221
  18. package/build/esm/index.js.map +1 -1
  19. package/build/esm/react-base/src/components/Button/Button.styles.js +2 -2
  20. package/build/esm/react-base/src/components/Button/Button.styles.js.map +1 -1
  21. package/build/esm/react-base/src/components/DatePicker/DatePicker.consts.js +5 -24
  22. package/build/esm/react-base/src/components/DatePicker/DatePicker.consts.js.map +1 -1
  23. package/package.json +1 -2
  24. package/build/cjs/components/DeprecatedDatePicker/DatePicker.styles.js +0 -677
  25. package/build/cjs/components/DeprecatedDatePicker/DatePicker.styles.js.map +0 -1
  26. package/build/cjs/components/DeprecatedDatePicker/components/Calendar/Calendar.js +0 -2
  27. package/build/cjs/components/DeprecatedDatePicker/components/Calendar/Calendar.js.map +0 -1
  28. package/build/cjs/components/DeprecatedDatePicker/components/Icons/Icons.js +0 -2
  29. package/build/cjs/components/DeprecatedDatePicker/components/Icons/Icons.js.map +0 -1
  30. package/build/cjs/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js +0 -2
  31. package/build/cjs/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js.map +0 -1
  32. package/build/cjs/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js +0 -2
  33. package/build/cjs/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js.map +0 -1
  34. package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.d.ts +0 -9
  35. package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.d.ts.map +0 -1
  36. package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.js +0 -704
  37. package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.js.map +0 -1
  38. package/build/esm/components/DeprecatedDatePicker/DatePicker.types.d.ts +0 -7
  39. package/build/esm/components/DeprecatedDatePicker/DatePicker.types.d.ts.map +0 -1
  40. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.d.ts +0 -10
  41. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.d.ts.map +0 -1
  42. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.js +0 -61
  43. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.js.map +0 -1
  44. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.types.d.ts +0 -21
  45. package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.types.d.ts.map +0 -1
  46. package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.d.ts +0 -9
  47. package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.d.ts.map +0 -1
  48. package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.js +0 -17
  49. package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.js.map +0 -1
  50. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.d.ts +0 -10
  51. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.d.ts.map +0 -1
  52. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js +0 -112
  53. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js.map +0 -1
  54. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.types.d.ts +0 -27
  55. package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.types.d.ts.map +0 -1
  56. package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.d.ts +0 -10
  57. package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.d.ts.map +0 -1
  58. package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js +0 -113
  59. package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js.map +0 -1
  60. package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.types.d.ts +0 -24
  61. 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,2 +0,0 @@
1
- "use strict";const e=require("react/jsx-runtime"),C=require("react"),P=require("classnames"),u=require("rc-picker"),f=require("rc-picker/es/generate/dayjs"),I=require("rc-picker/es/locale/en_GB"),l=require("../../../../react-base/src/consts/index.js"),j=require("../../../../react-base/src/components/DatePicker/DatePicker.consts.js"),q=require("../../../Button/Button.js"),x=require("../../DatePicker.styles.js"),r=require("../Icons/Icons.js"),s=require("../../../../react-base/src/consts/classes.js"),{ariaLabel:S,consts:d}=j,A=({className:p="",value:c,size:o=`${l.Sizes.Medium}`,...n})=>{const t=C.useRef(null),a={prefixCls:s.CALENDAR_CLASS,getPopupContainer:()=>t.current,showToday:!0,nextIcon:e.jsx(r.NextIcon,{}),superNextIcon:e.jsx(r.SuperNextIcon,{}),prevIcon:e.jsx(r.PrevIcon,{}),superPrevIcon:e.jsx(r.SuperPrevIcon,{}),suffixIcon:e.jsx(r.SuffixIcon,{}),allowClear:!0,clearIcon:e.jsx(q,{size:d[o].clearSize,variant:l.Variants.Transparent,icon:e.jsx(r.ClearIcon,{}),iconOnly:!0,"aria-label":"Clear entry"}),locale:I,format:"DD MMM YYYY","aria-label":S},i={className:P(s.CALENDAR_CLASS,p),$prefixCls:s.CALENDAR_CLASS,ref:t,$size:o};return n.config==="custom"?e.jsx(x.CalendarWrapper,{...i,children:e.jsx(u.PickerPanel,{...a,...n,value:c})}):e.jsx(x.CalendarWrapper,{...i,children:e.jsx(u.PickerPanel,{...a,generateConfig:f,value:c,...n})})};module.exports=A;
2
- //# 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":"ufAeM,CAAE,UAAAA,EAAW,OAAAC,CAAA,EAAWC,EAMxBC,EAAW,CAA2B,CAC1C,UAAAC,EAAY,GACZ,MAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,GAAGC,CACL,IAAuC,CACrC,MAAMC,EAAYC,EAAAA,OAAuB,IAAI,EAEvCC,EAAc,CAClB,UAAWC,EAAAA,eACX,kBAAmB,IAAMH,EAAU,QACnC,UAAW,GACX,eAAWI,EAAAA,SAAA,EAAS,EACpB,oBAAgBC,EAAAA,cAAA,EAAc,EAC9B,eAAWC,EAAAA,SAAA,EAAS,EACpB,oBAAgBC,EAAAA,cAAA,EAAc,EAC9B,iBAAaC,EAAAA,WAAA,EAAW,EACxB,WAAY,GACZ,UACEC,EAAAA,IAACC,EAAA,CACC,KAAMlB,EAAOK,CAAI,EAAE,UACnB,QAASc,EAAAA,SAAS,YAClB,WAAOC,EAAAA,UAAA,EAAU,EACjB,SAAU,GACV,aAAW,aAAA,CAAA,EAGf,OAAQC,EACR,OAAQ,cACR,aAActB,CAAA,EAGVuB,EAAyB,CAC7B,UAAWC,EAAWZ,EAAAA,eAAgBR,CAAS,EAC/C,WAAYQ,EAAAA,eACZ,IAAKH,EACL,MAAOH,CAAA,EAGT,OAAIE,EAAK,SAAW,SAEhBU,EAAAA,IAACO,EAAAA,gBAAA,CAAwB,GAAGF,EAC1B,SAAAL,EAAAA,IAACQ,cAAA,CAAa,GAAGf,EAAc,GAAGH,EAAM,MAAAH,EAAgC,CAAA,CAC1E,EAKFa,EAAAA,IAACO,EAAAA,gBAAA,CAAwB,GAAGF,EAC1B,SAAAL,EAAAA,IAACQ,EAAAA,YAAA,CACE,GAAGf,EACJ,eAAgBgB,EAChB,MAAAtB,EACC,GAAGG,CAAA,CAAA,EAER,CAEJ"}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../../Icon/components/CalendarEvent.js"),t=require("../../../Icon/components/CaretLeft.js"),o=require("../../../Icon/components/CaretRight.js"),n=require("../../../Icon/components/ChevronLeft.js"),i=require("../../../Icon/components/ChevronRight.js"),a=require("../../../Icon/components/Cross.js"),s=()=>e.jsx(i,{width:20,"aria-label":"Next"}),c=()=>e.jsx(o,{width:20,"aria-label":"Next"}),u=()=>e.jsx(n,{width:20,"aria-label":"Previous"}),l=()=>e.jsx(t,{width:20,"aria-label":"Previous"}),x=()=>e.jsx(r,{width:20,"aria-label":"Month"}),I=()=>e.jsx(a,{width:20,tabIndex:0,"aria-label":"Clear"});exports.ClearIcon=I;exports.NextIcon=s;exports.PrevIcon=u;exports.SuffixIcon=x;exports.SuperNextIcon=c;exports.SuperPrevIcon=l;
2
- //# 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":"ycAUaA,EAAW,IAAoBC,EAAAA,IAACC,GAAa,MAAO,GAAI,aAAW,MAAA,CAAO,EAC1EC,EAAgB,IAAoBF,EAAAA,IAACG,GAAW,MAAO,GAAI,aAAW,MAAA,CAAO,EAE7EC,EAAW,IAAoBJ,EAAAA,IAACK,GAAY,MAAO,GAAI,aAAW,UAAA,CAAW,EAC7EC,EAAgB,IAAoBN,EAAAA,IAACO,GAAU,MAAO,GAAI,aAAW,UAAA,CAAW,EAEhFC,EAAa,IAAoBR,EAAAA,IAACS,GAAc,MAAO,GAAI,aAAW,OAAA,CAAQ,EAE9EC,EAAY,IAAoBV,MAACW,EAAA,CAAM,MAAO,GAAI,SAAU,EAAG,aAAW,OAAA,CAAQ"}
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("react/jsx-runtime"),B=require("react"),E=require("classnames"),O=require("rc-picker"),K=require("rc-picker/es/generate/dayjs"),M=require("rc-picker/es/locale/en_GB"),a=require("../../../../react-base/src/consts/index.js"),T=require("../../../../react-base/src/components/DatePicker/DatePicker.consts.js"),v=require("../../../../react-base/src/utils/sizesUtils.js"),w=require("../../DatePicker.styles.js"),s=require("../Icons/Icons.js"),x=require("../../../TextArea/TextArea.styles.js"),N=require("../../../Icon/components/ArrowRight.js"),p=require("../../../Icon/components/CalendarEvent.js"),$=require("../../../Icon/components/Cross.js"),C=require("../../../TextInput/components/Affix.js"),F=require("../../../../hooks/useFocusRingOnKeyboard.js"),c=require("../../../../react-base/src/consts/classes.js"),{ariaLabel:L}=T,Y=({className:q,size:r=a.Sizes.Medium,invalid:o=!1,disabled:n=!1,elevation:i=!0,allowClear:A=!0,prefix:P,suffix:j,background:u,popupAlign:I,onMouseDownCapture:g,onFocus:y,onBlur:S,onClick:D,...t})=>{const l=B.useRef(null),{focusKind:k,handleOnClick:f,handleOnFocus:m,handleOnMouseDownCapture:R,handleOnBlur:d}=F.useFocusRingOnKeyboard({onFocus:y,onBlur:S,onClick:D,onMouseDownCapture:g}),_={popupAlign:{...I,offset:[0,i?20:0]},generateConfig:t.config==="custom"?t.generateConfig:K,disabled:n,onFocus:m,onClick:f,prefixCls:c.DATE_PICKER_CLASS,getPopupContainer:()=>l.current,separator:e.jsx(N,{}),showToday:!1,nextIcon:e.jsx(s.NextIcon,{}),superNextIcon:e.jsx(s.SuperNextIcon,{}),prevIcon:e.jsx(s.PrevIcon,{}),superPrevIcon:e.jsx(s.SuperPrevIcon,{}),...P?{prefix:e.jsx(C.Affix,{affix:{transparent:!u,node:e.jsx(p,{})},size:r,disabled:Array.isArray(n)?n.some(Boolean):n,type:"prefix",invalid:o})}:{},...j?{suffixIcon:e.jsx(C.Affix,{affix:{transparent:!u,node:e.jsx(p,{})},size:r,disabled:Array.isArray(n)?n.some(Boolean):n,type:"suffix",invalid:o})}:{},allowClear:A?{clearIcon:e.jsx(x.ClearButtonContainer,{$size:r,children:e.jsx(x.ClearButton,{size:r===a.Sizes.XSmall?r:v.getSmallerSize(r),variant:a.Variants.Transparent,icon:e.jsx($,{}),iconOnly:!0})})}:!1,locale:M,format:"DD MMM YYYY","aria-label":L},h={className:E(c.DATE_PICKER_CLASS,q),onMouseDown:R,onClick:f,onBlur:d,$prefixCls:c.DATE_PICKER_CLASS,ref:l,$size:r,$invalid:o,$elevation:i};return e.jsx(w.DatePickerWrapper,{...h,children:e.jsx(O.RangePicker,{..._,...t,"data-focused":k})})};module.exports=Y;
2
- //# 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":"q0BAoBM,CAAE,UAAAA,GAAcC,EAOhBC,EAAkB,CAAmB,CACzC,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,OAAAC,EACA,OAAAC,EACA,WAAAC,EACA,WAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,MAAMC,EAAYC,EAAAA,OAAuB,IAAI,EAEvC,CAAE,UAAAC,EAAW,cAAAC,EAAe,cAAAC,EAAe,yBAAAC,EAA0B,aAAAC,CAAA,EAAiBC,yBAAuB,CACjH,QAAAX,EACA,OAAAC,EACA,QAAAC,EACA,mBAAAH,CAAA,CACD,EAEKa,EAAmC,CACvC,WAAY,CACV,GAAGd,EACH,OAAQ,CAAC,EAAGL,EAAY,GAAK,CAAC,CAAA,EAEhC,eAAiBU,EAAK,SAAW,SAAWA,EAAK,eAAiBU,EAClE,SAAArB,EACA,QAASgB,EACT,QAASD,EACT,UAAWO,EAAAA,kBACX,kBAAmB,IAAMV,EAAU,QACnC,gBAAYW,EAAA,EAAW,EACvB,UAAW,GACX,eAAWC,EAAAA,SAAA,EAAS,EACpB,oBAAgBC,EAAAA,cAAA,EAAc,EAC9B,eAAWC,EAAAA,SAAA,EAAS,EACpB,oBAAgBC,EAAAA,cAAA,EAAc,EAC9B,GAAIxB,EACA,CACE,OACEyB,EAAAA,IAACC,EAAAA,MAAA,CACC,MAAO,CAAE,YAAa,CAACxB,EAAY,KAAMuB,MAACE,IAAc,CAAA,EACxD,KAAAjC,EACA,SAAU,MAAM,QAAQG,CAAQ,EAAIA,EAAS,KAAK,OAAO,EAAIA,EAC7D,KAAK,SACL,QAAAD,CAAA,CAAA,CACF,EAGJ,CAAA,EACJ,GAAIK,EACA,CACE,WACEwB,EAAAA,IAACC,EAAAA,MAAA,CACC,MAAO,CAAE,YAAa,CAACxB,EAAY,KAAMuB,MAACE,IAAc,CAAA,EACxD,KAAAjC,EACA,SAAU,MAAM,QAAQG,CAAQ,EAAIA,EAAS,KAAK,OAAO,EAAIA,EAC7D,KAAK,SACL,QAAAD,CAAA,CAAA,CACF,EAGJ,CAAA,EACJ,WAAYG,EACR,CACE,UACE0B,EAAAA,IAACG,EAAAA,qBAAA,CAAoC,MAAOlC,EAC1C,SAAA+B,EAAAA,IAACI,EAAAA,YAAA,CACC,KAAMnC,IAASC,EAAAA,MAAM,OAASD,EAAQoC,EAAAA,eAAepC,CAAI,EACzD,QAASqC,EAAAA,SAAS,YAClB,WAAOC,EAAA,EAAM,EACb,SAAU,EAAA,CAAA,CACZ,CACF,CAAA,EAGJ,GACJ,OAAQC,EACR,OAAQ,cACR,aAAc3C,CAAA,EAGV4C,EAAyB,CAC7B,UAAWC,EAAWhB,EAAAA,kBAAmB1B,CAAS,EAClD,YAAaqB,EACb,QAASF,EACT,OAAQG,EACR,WAAYI,EAAAA,kBACZ,IAAKV,EACL,MAAOf,EACP,SAAUE,EACV,WAAYE,CAAA,EAGd,OACE2B,EAAAA,IAACW,EAAAA,kBAAA,CAA0B,GAAGF,EAC5B,SAAAT,EAAAA,IAACY,EAAAA,YAAA,CAAgB,GAAGpB,EAAc,GAAIT,EAA8C,eAAcG,EAAW,CAAA,CAC/G,CAEJ"}
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("react/jsx-runtime"),B=require("react"),K=require("classnames"),P=require("rc-picker"),M=require("rc-picker/es/generate/dayjs"),T=require("rc-picker/es/locale/en_GB"),i=require("../../../../react-base/src/consts/index.js"),$=require("../../../../react-base/src/components/DatePicker/DatePicker.consts.js"),v=require("../../../../react-base/src/utils/sizesUtils.js"),j=require("../../../TextInput/components/Affix.js"),d=require("../../DatePicker.styles.js"),s=require("../Icons/Icons.js"),N=require("../../../../hooks/useFocusRingOnKeyboard.js"),I=require("../../../TextArea/TextArea.styles.js"),S=require("../../../Icon/components/CalendarEvent.js"),b=require("../../../Icon/components/Cross.js"),w=require("../../../Button/Button.js"),a=require("../../../../react-base/src/consts/classes.js"),{ariaLabel:F}=$,L=t=>({button:({children:r,...n})=>e.jsx(w,{type:"button",size:t,...n,children:r})}),Y=({className:t="",size:r=`${i.Sizes.Medium}`,invalid:n=!1,disabled:o=!1,elevation:u=!0,prefix:k=!1,suffix:D=!0,allowClear:A=!0,background:l=!0,popupAlign:m,onMouseDownCapture:y,onClick:g,onFocus:_,onBlur:h,...c})=>{const x=B.useRef(null),{focusKind:f,handleOnClick:p,handleOnFocus:O,handleOnMouseDownCapture:E,handleOnBlur:R}=N.useFocusRingOnKeyboard({onFocus:_,onBlur:h,onClick:g,onMouseDownCapture:y}),C={popupAlign:{...m,offset:[0,u?20:0]},disabled:o,onFocus:O,onClick:p,prefixCls:a.DATE_PICKER_CLASS,getPopupContainer:()=>x.current,showToday:!0,nextIcon:e.jsx(s.NextIcon,{}),superNextIcon:e.jsx(s.SuperNextIcon,{}),prevIcon:e.jsx(s.PrevIcon,{}),superPrevIcon:e.jsx(s.SuperPrevIcon,{}),...k?{prefix:e.jsx(j.Affix,{affix:{transparent:!l,node:e.jsx(S,{})},size:r,disabled:o,type:"prefix",invalid:n})}:{},...D?{suffixIcon:e.jsx(j.Affix,{affix:{transparent:!l,node:e.jsx(S,{})},size:r,disabled:o,type:"suffix",invalid:n})}:{},allowClear:A?{clearIcon:e.jsx(I.ClearButtonContainer,{$size:r,children:e.jsx(I.ClearButton,{size:r===i.Sizes.XSmall?r:v.getSmallerSize(r),variant:i.Variants.Transparent,icon:e.jsx(b,{}),iconOnly:!0})})}:!1,locale:T,format:"DD MMM YYYY","aria-label":F,components:L(r)},q={className:K(a.DATE_PICKER_CLASS,t),onMouseDown:E,onClick:p,onBlur:R,$prefixCls:a.DATE_PICKER_CLASS,ref:x,$size:r,$invalid:n,$elevation:u};return c.config==="custom"?e.jsx(d.DatePickerWrapper,{...q,children:e.jsx(P.Picker,{"data-focused":f,...C,...c})}):e.jsx(d.DatePickerWrapper,{...q,children:e.jsx(P.Picker,{"data-focused":f,generateConfig:M,...C,...c})})};module.exports=Y;
2
- //# 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":"wzBAmBM,CAAE,UAAAA,GAAcC,EAEhBC,EAAkBC,IAAgC,CACtD,OAAQ,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,IACtBC,EAAAA,IAACC,EAAA,CAAO,KAAK,SAAS,KAAAJ,EAAa,GAAGE,EACnC,SAAAD,CAAA,CACH,CAEJ,GAOMI,EAAmB,CAAmB,CAC1C,UAAAC,EAAY,GACZ,KAAAN,EAAO,GAAGO,QAAM,MAAM,GACtB,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,OAAAC,EAAS,GACT,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,WAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAA+C,CAC7C,MAAMC,EAAYC,EAAAA,OAAuB,IAAI,EAEvC,CAAE,UAAAC,EAAW,cAAAC,EAAe,cAAAC,EAAe,yBAAAC,EAA0B,aAAAC,CAAA,EAAiBC,yBAAuB,CACjH,QAAAV,EACA,OAAAC,EACA,QAAAF,EACA,mBAAAD,CAAA,CACD,EAEKa,EAAc,CAClB,WAAY,CACV,GAAGd,EACH,OAAQ,CAAC,EAAGL,EAAY,GAAK,CAAC,CAAA,EAEhC,SAAAD,EACA,QAASgB,EACT,QAASD,EACT,UAAWM,EAAAA,kBACX,kBAAmB,IAAMT,EAAU,QACnC,UAAW,GACX,eAAWU,EAAAA,SAAA,EAAS,EACpB,oBAAgBC,EAAAA,cAAA,EAAc,EAC9B,eAAWC,EAAAA,SAAA,EAAS,EACpB,oBAAgBC,EAAAA,cAAA,EAAc,EAC9B,GAAIvB,EACA,CACE,OACER,EAAAA,IAACgC,EAAAA,MAAA,CACC,MAAO,CAAE,YAAa,CAACrB,EAAY,KAAMX,MAACiC,IAAc,CAAA,EACxD,KAAApC,EACA,SAAAS,EACA,KAAK,SACL,QAAAD,CAAA,CAAA,CACF,EAGJ,CAAA,EACJ,GAAII,EACA,CACE,WACET,EAAAA,IAACgC,EAAAA,MAAA,CACC,MAAO,CAAE,YAAa,CAACrB,EAAY,KAAMX,MAACiC,IAAc,CAAA,EACxD,KAAApC,EACA,SAAAS,EACA,KAAK,SACL,QAAAD,CAAA,CAAA,CACF,EAGJ,CAAA,EACJ,WAAYK,EACR,CACE,UACEV,EAAAA,IAACkC,EAAAA,qBAAA,CAAoC,MAAOrC,EAC1C,SAAAG,EAAAA,IAACmC,EAAAA,YAAA,CACC,KAAMtC,IAASO,EAAAA,MAAM,OAASP,EAAQuC,EAAAA,eAAevC,CAAI,EACzD,QAASwC,EAAAA,SAAS,YAClB,WAAOC,EAAA,EAAM,EACb,SAAU,EAAA,CAAA,CACZ,CACF,CAAA,EAGJ,GACJ,OAAQC,EACR,OAAQ,cACR,aAAc7C,EACd,WAAYE,EAAeC,CAAI,CAAA,EAG3B2C,EAAyB,CAC7B,UAAWC,EAAWd,EAAAA,kBAAmBxB,CAAS,EAClD,YAAaoB,EACb,QAASF,EACT,OAAQG,EACR,WAAYG,EAAAA,kBACZ,IAAKT,EACL,MAAOrB,EACP,SAAUQ,EACV,WAAYE,CAAA,EAGd,OAAIU,EAAK,SAAW,SAEhBjB,EAAAA,IAAC0C,EAAAA,kBAAA,CAA0B,GAAGF,EAC5B,SAAAxC,EAAAA,IAAC2C,EAAAA,OAAA,CAAO,eAAcvB,EAAY,GAAGM,EAAc,GAAGT,EAAM,CAAA,CAC9D,QAKDyB,EAAAA,kBAAA,CAA0B,GAAGF,EAC5B,SAAAxC,EAAAA,IAAC2C,SAAA,CAAO,eAAcvB,EAAW,eAAgBwB,EAAsB,GAAGlB,EAAc,GAAGT,EAAM,EACnG,CAEJ"}
@@ -1,9 +0,0 @@
1
- import type { PickTransient } from '../../react-base/src/types';
2
- import type { IDatePickerProps } from './DatePicker.types';
3
- export type PanelProps = Required<PickTransient<IDatePickerProps, 'prefixCls' | 'size'>> & PickTransient<IDatePickerProps, 'elevation'>;
4
- export type DatePickerWrapperProps = Required<PickTransient<IDatePickerProps, 'size' | 'prefixCls'>> & PickTransient<IDatePickerProps, 'elevation' | 'invalid'>;
5
- declare const DatePickerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DatePickerWrapperProps>> & string;
6
- export type CalendarWrapperProps = Required<PickTransient<IDatePickerProps, 'prefixCls' | 'size'>>;
7
- declare const CalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IDatePickerProps, "size" | "prefixCls">>>> & string;
8
- export { DatePickerWrapper, CalendarWrapper };
9
- //# sourceMappingURL=DatePicker.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePicker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedDatePicker/DatePicker.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAQnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAsZ3D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,EAAE,WAAW,GAAG,MAAM,CAAC,CAAC,GACtF,aAAa,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;AAmP/C,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,EAAE,MAAM,GAAG,WAAW,CAAC,CAAC,GAClG,aAAa,CAAC,gBAAgB,EAAE,WAAW,GAAG,SAAS,CAAC,CAAC;AAE3D,QAAA,MAAM,iBAAiB,2PA8EtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,EAAE,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC;AAEnG,QAAA,MAAM,eAAe,oSAMpB,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC"}