npm - acinguiux-ds-react-framework - Versions diffs - 0.1.24 → 0.1.26 - Mend

acinguiux-ds-react-framework 0.1.24 → 0.1.26

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 (1553) hide show

package/build/cjs/components/DeprecatedDatePicker/DatePicker.styles.js.map ADDED Viewed

@@ -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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"}

package/build/cjs/components/DeprecatedDatePicker/components/Calendar/Calendar.js ADDED Viewed

	@@ -0,0 +1,2 @@
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

package/build/cjs/components/DeprecatedDatePicker/components/Calendar/Calendar.js.map ADDED Viewed

@@ -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"}

package/build/cjs/components/DeprecatedDatePicker/components/Icons/Icons.js ADDED Viewed

	@@ -0,0 +1,2 @@
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

package/build/cjs/components/DeprecatedDatePicker/components/Icons/Icons.js.map ADDED Viewed

@@ -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"}

package/build/cjs/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js ADDED Viewed

	@@ -0,0 +1,2 @@
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

package/build/cjs/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js.map ADDED Viewed

@@ -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"}

package/build/cjs/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js ADDED Viewed

	@@ -0,0 +1,2 @@
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

package/build/cjs/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js.map ADDED Viewed

@@ -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"}

package/build/cjs/components/DeprecatedSelect/Select.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const n=require("react/jsx-runtime"),r=require("react"),b=require("classnames"),B=require("rc-select"),c=require("../../react-base/src/consts/index.js"),F=require("../../react-base/src/utils/sizesUtils.js"),C=require("./components/Icons/Icons.js"),T=require("./Select.styles.js"),S=require("../TextArea/TextArea.styles.js"),_=require("../Icon/components/Cross.js"),k=require("../TextInput/components/Affix.js"),D=require("../Icon/components/ChevronDown.js"),K=require("../../hooks/useFocusRingOnKeyboard.js"),a=require("../../react-base/src/consts/classes.js"),M=r.forwardRef(({className:s,...e},t)=>n.jsx(B,{ref:t,dropdownClassName:s,className:s,getPopupContainer:u=>u,dropdownAlign:{offset:[0,4],...e.dropdownAlign},...e})),$=r.forwardRef(({className:s,size:e=c.Sizes.Medium,mode:t="single",placeholder:u,invalid:l=!1,showSearch:x=!0,allowClear:p,placement:m,optionFilterProp:R="children",optionLabelProp:q="children",disabled:o,onFocus:w,onBlur:h,onClick:j,...A},g)=>{const i=r.useRef(null),f=r.useRef(null);r.useImperativeHandle(g,()=>i.current);const{focusKind:y,setFocusKind:E,handleOnClick:d,handleOnFocus:I,handleOnBlur:L,handleOnMouseDownCapture:O}=K.useFocusRingOnKeyboard({inputRef:i,onFocus:w,onBlur:h,onClick:j});return n.jsx(T.Select,{as:M,ref:i,onFocus:I,onBlur:L,onClick:d,onMouseDownCapture:O,className:b(l&&a.SELECT_ERROR_CLASS,a.SELECT_CLASS,s),prefixCls:a.SELECT_CLASS,"aria-label":"Select","data-focused":y,$size:e,mode:t!=="single"?t:void 0,placeholder:u,showSearch:x,suffixIcon:n.jsx(k.Affix,{affix:{transparent:!0,node:n.jsx(D,{})},size:e,disabled:Array.isArray(o)?o.some(Boolean):o,type:"suffix",invalid:l}),allowClear:p?{clearIcon:n.jsx(S.ClearButtonContainer,{$size:e,children:n.jsx(S.ClearButton,{ref:f,onFocus:()=>E("keyboard"),onMouseDown:v=>{d(v)},onClick:()=>{f.current?.dispatchEvent(new Event("mousedown",{bubbles:!0}))},size:e===c.Sizes.XSmall?e:F.getSmallerSize(e),variant:c.Variants.Transparent,icon:n.jsx(_,{}),iconOnly:!0})})}:!1,optionFilterProp:R,optionLabelProp:q,$invalid:l,$disabled:o,disabled:o,listHeight:250,...A,removeIcon:n.jsx(C.RemoveIcon,{size:e}),menuItemSelectedIcon:n.jsx(C.SelectedIcon,{size:e}),placement:m===c.Positions.Top?"topLeft":"bottomLeft"})});module.exports=$;
2	+ //# sourceMappingURL=Select.js.map

package/build/cjs/components/DeprecatedSelect/Select.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Select.js","sources":["../../../../src/components/DeprecatedSelect/Select.tsx"],"sourcesContent":["import {\n forwardRef,\n MouseEvent as ReactMouseEvent,\n RefObject,\n useImperativeHandle,\n useRef,\n type ReactElement,\n} from 'react';\n\nimport classNames from 'classnames';\nimport RCSelect, { type BaseSelectRef, type SelectProps } from 'rc-select';\nimport { Sizes, Positions, SELECT_ERROR_CLASS, SELECT_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nimport { RemoveIcon, SelectedIcon } from './components/Icons/Icons';\nimport * as Styled from './Select.styles';\nimport type { ISelectProps } from './Select.types';\nimport * as TextAreaStyled from '../TextArea/TextArea.styles';\nimport Cross from '../Icon/components/Cross';\nimport { Affix } from '../TextInput/components/Affix';\nimport ChevronDown from '../Icon/components/ChevronDown';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\n\nconst RCSelectRef = forwardRef<BaseSelectRef, SelectProps>(({ className, ...rest }: SelectProps, ref) => (\n <RCSelect\n ref={ref}\n dropdownClassName={className}\n className={className}\n getPopupContainer={(element) => element}\n dropdownAlign={{ offset: [0, 4], ...rest.dropdownAlign }}\n {...rest}\n />\n));\n\nconst Select = forwardRef<BaseSelectRef, ISelectProps>(\n (\n {\n className,\n size = Sizes.Medium,\n mode = 'single',\n placeholder,\n invalid = false,\n showSearch = true,\n allowClear,\n placement,\n optionFilterProp = 'children',\n optionLabelProp = 'children',\n disabled,\n onFocus,\n onBlur,\n onClick,\n ...rest\n }: ISelectProps,\n ref,\n ): ReactElement => {\n const inputRef = useRef<BaseSelectRef>(null);\n const clearBtn = useRef<HTMLButtonElement>(null);\n\n useImperativeHandle(ref, () => inputRef.current!);\n\n const { focusKind, setFocusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } =\n useFocusRingOnKeyboard({\n inputRef: inputRef as unknown as RefObject<HTMLInputElement>,\n onFocus,\n onBlur,\n onClick,\n });\n\n return (\n <Styled.Select\n as={RCSelectRef}\n ref={inputRef}\n onFocus={handleOnFocus}\n onBlur={handleOnBlur}\n onClick={handleOnClick}\n onMouseDownCapture={handleOnMouseDownCapture}\n className={classNames(invalid && SELECT_ERROR_CLASS, SELECT_CLASS, className)}\n prefixCls={SELECT_CLASS}\n aria-label=\"Select\"\n data-focused={focusKind}\n $size={size}\n mode={mode !== 'single' ? mode : undefined}\n placeholder={placeholder}\n showSearch={showSearch}\n suffixIcon={\n <Affix\n affix={{ transparent: true, node: <ChevronDown /> }}\n size={size}\n disabled={Array.isArray(disabled) ? disabled.some(Boolean) : disabled}\n type=\"suffix\"\n invalid={invalid}\n />\n }\n allowClear={\n allowClear\n ? {\n clearIcon: (\n <TextAreaStyled.ClearButtonContainer $size={size}>\n <TextAreaStyled.ClearButton\n ref={clearBtn}\n onFocus={() => setFocusKind('keyboard')}\n onMouseDown={(event) => {\n handleOnClick(event as unknown as ReactMouseEvent<HTMLDivElement, MouseEvent>);\n }}\n onClick={() => {\n clearBtn.current?.dispatchEvent(new Event('mousedown', { bubbles: true }));\n }}\n size={size === Sizes.XSmall ? size : (getSmallerSize(size) as SelectTypes.Size)}\n variant={Variants.Transparent}\n icon={<Cross />}\n iconOnly={true}\n />\n </TextAreaStyled.ClearButtonContainer>\n ),\n }\n : false\n }\n optionFilterProp={optionFilterProp}\n optionLabelProp={optionLabelProp}\n $invalid={invalid}\n $disabled={disabled}\n disabled={disabled}\n listHeight={250} // default max-height for Select\n {...rest}\n removeIcon={<RemoveIcon size={size} />}\n menuItemSelectedIcon={<SelectedIcon size={size} />}\n placement={placement === Positions.Top ? 'topLeft' : 'bottomLeft'}\n />\n );\n },\n);\n\nexport default Select;\n"],"names":["RCSelectRef","forwardRef","className","rest","ref","jsx","RCSelect","element","Select","size","Sizes","mode","placeholder","invalid","showSearch","allowClear","placement","optionFilterProp","optionLabelProp","disabled","onFocus","onBlur","onClick","inputRef","useRef","clearBtn","useImperativeHandle","focusKind","setFocusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","Styled.Select","classNames","SELECT_ERROR_CLASS","SELECT_CLASS","Affix","ChevronDown","TextAreaStyled.ClearButtonContainer","TextAreaStyled.ClearButton","event","getSmallerSize","Variants","Cross","RemoveIcon","SelectedIcon","Positions"],"mappings":"8jBAwBMA,EAAcC,EAAAA,WAAuC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAAqBC,IAC/FC,EAAAA,IAACC,EAAA,CACC,IAAAF,EACA,kBAAmBF,EACnB,UAAAA,EACA,kBAAoBK,GAAYA,EAChC,cAAe,CAAE,OAAQ,CAAC,EAAG,CAAC,EAAG,GAAGJ,EAAK,aAAA,EACxC,GAAGA,CAAA,CACN,CACD,EAEKK,EAASP,EAAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAO,EAAOC,EAAAA,MAAM,OACb,KAAAC,EAAO,SACP,YAAAC,EACA,QAAAC,EAAU,GACV,WAAAC,EAAa,GACb,WAAAC,EACA,UAAAC,EACA,iBAAAC,EAAmB,WACnB,gBAAAC,EAAkB,WAClB,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,GAAGnB,CAAA,EAELC,IACiB,CACjB,MAAMmB,EAAWC,EAAAA,OAAsB,IAAI,EACrCC,EAAWD,EAAAA,OAA0B,IAAI,EAE/CE,EAAAA,oBAAoBtB,EAAK,IAAMmB,EAAS,OAAQ,EAEhD,KAAM,CAAE,UAAAI,EAAW,aAAAC,EAAc,cAAAC,EAAe,cAAAC,EAAe,aAAAC,EAAc,yBAAAC,CAAA,EAC3EC,yBAAuB,CACrB,SAAAV,EACA,QAAAH,EACA,OAAAC,EACA,QAAAC,CAAA,CACD,EAEH,OACEjB,EAAAA,IAAC6B,EAAAA,OAAA,CACC,GAAIlC,EACJ,IAAKuB,EACL,QAASO,EACT,OAAQC,EACR,QAASF,EACT,mBAAoBG,EACpB,UAAWG,EAAWtB,GAAWuB,EAAAA,mBAAoBC,EAAAA,aAAcnC,CAAS,EAC5E,UAAWmC,EAAAA,aACX,aAAW,SACX,eAAcV,EACd,MAAOlB,EACP,KAAME,IAAS,SAAWA,EAAO,OACjC,YAAAC,EACA,WAAAE,EACA,WACET,EAAAA,IAACiC,EAAAA,MAAA,CACC,MAAO,CAAE,YAAa,GAAM,KAAMjC,MAACkC,IAAY,CAAA,EAC/C,KAAA9B,EACA,SAAU,MAAM,QAAQU,CAAQ,EAAIA,EAAS,KAAK,OAAO,EAAIA,EAC7D,KAAK,SACL,QAAAN,CAAA,CAAA,EAGJ,WACEE,EACI,CACE,UACEV,EAAAA,IAACmC,EAAAA,qBAAA,CAAoC,MAAO/B,EAC1C,SAAAJ,EAAAA,IAACoC,EAAAA,YAAA,CACC,IAAKhB,EACL,QAAS,IAAMG,EAAa,UAAU,EACtC,YAAcc,GAAU,CACtBb,EAAca,CAA+D,CAC/E,EACA,QAAS,IAAM,CACbjB,EAAS,SAAS,cAAc,IAAI,MAAM,YAAa,CAAE,QAAS,EAAA,CAAM,CAAC,CAC3E,EACA,KAAMhB,IAASC,EAAAA,MAAM,OAASD,EAAQkC,EAAAA,eAAelC,CAAI,EACzD,QAASmC,EAAAA,SAAS,YAClB,WAAOC,EAAA,EAAM,EACb,SAAU,EAAA,CAAA,CACZ,CACF,CAAA,EAGJ,GAEN,iBAAA5B,EACA,gBAAAC,EACA,SAAUL,EACV,UAAWM,EACX,SAAAA,EACA,WAAY,IACX,GAAGhB,EACJ,WAAYE,EAAAA,IAACyC,aAAA,CAAW,KAAArC,CAAA,CAAY,EACpC,qBAAsBJ,EAAAA,IAAC0C,eAAA,CAAa,KAAAtC,CAAA,CAAY,EAChD,UAAWO,IAAcgC,YAAU,IAAM,UAAY,YAAA,CAAA,CAG3D,CACF"}

package/build/cjs/components/DeprecatedSelect/Select.styles.js ADDED Viewed

@@ -0,0 +1,426 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("styled-components"),b=require("../../react-base/src/consts/index.js"),l=require("../../react-base/src/theme/types/layer.js"),y=require("../../react-base/src/utils/stylesUtils.js"),w=require("../../react-base/src/components/Select/Select.consts.js"),v=require("../../react-base/src/components/Tooltip/Tooltip.utils.js"),e=require("../../react-base/src/components/Input/Input.consts.js"),m=require("../../react-base/src/components/Input/Input.styles.js"),h=require("../../react-base/src/components/Input/Input.utils.js"),p=require("acinguiux-ds-fabrics"),g=require("../../react-base/src/utils/sizesUtils.js"),x=require("../../utils/styleUtils.js"),$=require("./utils/styleUtils.js"),S=require("./utils/selectedOptionTagStyleUtils.js"),f=r.css`
+  ${({prefixCls:t,$size:n,allowClear:i,loading:a,disabled:o,theme:d})=>{const s=w.consts[n],c=(u=p.FabricsVariables.States.Resting)=>S.getSelectedOptionTagStyles(d,u,o);return r.css`
+      &-multiple .${t}-selector {
+        position: relative;
+        display: flex;
+        flex-wrap: wrap;
+        padding: 0;
+        min-height: ${e.consts[n].containerHeight}px;
+        .${t}-selection-overflow {
+          position: relative;
+          display: flex;
+          flex-wrap: wrap;
+          gap: ${s.tag.gapContainer}px;
+          width: 100%;
+          --arrow-size: ${e.consts[n].iconSize+e.consts[n].padding.inline}px;
+          ${i?r.css`
+                --clear-size: ${e.consts[n].iconSize+e.consts[n].padding.inline*2}px;
+              `:""};
+          ${a?r.css`
+                --loading-size: ${s.default.loading+e.consts[n].padding.inline*2}px;
+              `:""};
+          max-width: calc(100% - (var(--arrow-size) + var(--clear-size, 0px) + var(--loading-size, 0px)));
+          white-space: nowrap;
+          padding: ${s.tag.paddingContainer}px;
+          &-item {
+            flex: 0 0 auto;
+            max-width: 100%;
+            align-self: center;
+          }
+          .${t}-selection-search-input {
+            margin-left: ${e.consts[n].padding.inline-e.consts[n].containerPadding-s.tag.paddingContainer}px;
+          }
+        }
+        .${t}-selection-item {
+          ${d.typography("label",g.getLabelTypographySize(n))};
+          display: flex;
+          align-items: center;
+          gap: ${s.tag.gap}px;
+          padding: ${s.tag.paddingTopBottom}px ${s.tag.paddingRight}px ${s.tag.paddingTopBottom}px
+            ${s.tag.paddingLeft}px;
+          border-radius: 4px;
+          ${c()};
+          &:hover {
+            ${c(p.FabricsVariables.States.Hover)};
+            ${o&&r.css`
+              background-color: ${c().backgroundColor};
+              color: ${c().color};
+            `}
+          }
+          &:active {
+            ${c(p.FabricsVariables.States.Press)};
+          }
+          &:first-child {
+            margin-left: 0;
+          }
+          &-content {
+            text-overflow: ellipsis;
+            overflow: hidden;
+          }
+          &-remove {
+            display: flex;
+            cursor: pointer;
+          }
+          &-disabled {
+            cursor: not-allowed;
+          }
+        }
+        .${t}-selection-placeholder {
+          position: absolute;
+          top: 50%;
+          left: ${e.consts[n].padding.inline}px;
+          --arrow-size: ${e.consts[n].iconSize+e.consts[n].padding.inline*2+e.consts[n].containerPadding+e.consts[n].containerGap}px;
+          ${a?r.css`
+                --loading-size: ${s.default.loading+e.consts[n].padding.inline*2}px;
+              `:""};
+          right: calc(var(--loading-size, 0px) + var(--arrow-size));
+          transform: translateY(-50%);
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          min-width: 0;
+          width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));
+          max-width: 100%;
+        }
+        .${t}-selection-search {
+          position: relative;
+          min-width: 0;
+          max-width: 100%;
+          &-input,
+          &-mirror {
+            padding: 0;
+            font-family: system-ui;
+          }
+          &-mirror {
+            z-index: ${b.ZIndexes.SELECT};
+            white-space: nowrap;
+            position: absolute;
+            left: 10px;
+            top: 0;
+            visibility: hidden;
+          }
+        }
+      }
+    `}}
+`,k=r.css(({prefixCls:t,$size:n,allowClear:i,loading:a})=>{const o=w.consts[n];return r.css`
+    &-single .${t}-selector {
+      .${t}-selection-search {
+        width: 100%;
+        &-input {
+          width: 100%;
+        }
+      }
+      .${t}-selection-item, .${t}-selection-placeholder {
+        left: ${e.consts[n].containerPadding+e.consts[n].padding.inline}px;
+      }
+      .${t}-selection-item, .${t}-selection-placeholder {
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+      }
+      .${t}-selection-placeholder {
+        position: absolute;
+        top: 50%;
+        left: ${e.consts[n].padding.inline+e.consts[n].containerPadding}px;
+        --arrow-size: ${e.consts[n].iconSize+e.consts[n].padding.inline*2+e.consts[n].containerPadding+e.consts[n].containerGap}px;
+        ${a?r.css`
+              --loading-size: ${o.default.loading+e.consts[n].padding.inline*2}px;
+            `:""};
+        right: calc(var(--loading-size, 0px) + var(--arrow-size));
+        transform: translateY(-50%);
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        min-width: 0;
+        width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));
+        max-width: 100%;
+      }
+      .${t}-selection-item {
+        display: inline-block;
+        --arrow-size: ${e.consts[n].iconSize+e.consts[n].padding.inline*2+e.consts[n].containerPadding+e.consts[n].containerGap}px;
+        ${i?r.css`
+              --clear-size: ${e.consts[n].iconSize+e.consts[n].padding.inline*2}px;
+            `:""};
+        ${a?r.css`
+              --loading-size: ${o.default.loading+e.consts[n].padding.inline*2}px;
+            `:""};
+        width: calc(100% - (var(--clear-size, 0px) + var(--loading-size, 0px) + var(--arrow-size)));
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  `}),V=r.css(({$size:t,prefixCls:n,theme:i})=>{const a=e.consts[t],o={foundation:"surface",selectedProminence:"subtle"},d=i.layer(o);return r.css`
+    &-item {
+      ${i.typography("paragraph",g.getParagraphTypographySize(t))};
+      &-group {
+        ${i.typography("label",g.getLabelTypographySize(t))};
+        position: relative;
+        padding: ${a.padding.block+a.containerPadding}px ${a.padding.inline}px;
+        color: ${d[l.Variables.TextOnFoundationSubtle]};
+        ::after {
+          content: '';
+          position: absolute;
+          height: 1px;
+          bottom: 4px;
+          left: ${a.padding.block+a.containerPadding}px;
+          right: ${a.padding.block+a.containerPadding}px;
+          background-color: ${d[l.Variables.BorderOnFoundationSubtle]};
+        }
+      }
+      &-option-content {
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+      &-option {
+        ${i.typography("label",g.getLabelTypographySize(t))};
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        position: relative;
+        padding: ${a.padding.block+a.containerPadding}px ${a.padding.inline}px;
+        border-radius: 4px;
+        background: ${d[l.Variables.BackgroundFoundation]};
+        color: ${d[l.Variables.TextOnFoundationStrong]};
+        cursor: pointer;
+        transition: background-color 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+        /* NOTE: This should have &:hover style but for limitation we have in rc-select, we are implementing &-active instead */
+        &-active {
+          background: ${i.layer({...o,state:p.FabricsVariables.States.Hover})[l.Variables.BackgroundFoundation]};
+          &:active {
+            background: ${i.layer({...o,state:p.FabricsVariables.States.Press})[l.Variables.BackgroundFoundation]};
+          }
+        }
+        .${n}-item-option-state {
+          display: none;
+          position: relative;
+          pointer-events: none;
+        }
+        &-selected {
+          background: ${d[l.Variables.BackgroundSelected]};
+          &:hover {
+            background: ${i.layer({...o,state:p.FabricsVariables.States.Hover})[l.Variables.BackgroundSelected]};
+          }
+          &:active {
+            background: ${i.layer({...o,state:p.FabricsVariables.States.Press})[l.Variables.BackgroundSelected]};
+          }
+          .${n}-item-option-state {
+            display: inline-flex;
+          }
+        }
+        &-disabled {
+          color: ${i.layer({foundation:"surface",disabled:!0})[l.Variables.TextOnFoundationSubtle]};
+          cursor: not-allowed;
+        }
+      }
+      &-empty {
+        text-align: center;
+      }
+    }
+  `}),F=r.styled.div`
+  ${({prefixCls:t,$size:n,$invalid:i,$disabled:a,theme:o})=>{const d=w.consts[n],s=e.consts[n],c=v.useStyles(o),u=o.layer({foundation:"surface"});return r.css`
+      ${m.WrapperStyles};
+      padding: 0;
+      min-width: 0;
+      ${o.typography("label",g.getLabelTypographySize(n))};
+      .${t} {
+        ${V};
+      }
+      &.${t} {
+        ${k};
+        ${f};
+        cursor: ${a?"not-allowed":"pointer"};
+        .${t}-selector {
+          padding: ${s.containerPadding}px;
+          position: relative;
+          display: flex;
+          align-items: center;
+          width: 100%;
+          .${t}-selection-wrap {
+            max-width: 100%;
+            width: 100%;
+          }
+        }
+        .${t}-selection-search-input {
+          cursor: inherit;
+        }
+        .${t}-selection-placeholder {
+          ${y.getPlaceholderFontStyles(o,a)};
+        }
+        .${t}-clear {
+          --clear-right: ${e.consts[n].containerGap*2+e.consts[n].iconSize+e.consts[n].padding.inline}px;
+          position: absolute;
+          top: 0;
+          right: var(--clear-right);
+          width: 0;
+          bottom: 0;
+        }
+        .${t}-arrow.${t}-arrow-loading + .${t}-clear {
+          right: calc(
+            var(--clear-right) +
+              ${e.consts[n].containerGap+e.consts[n].padding.inline+d.default.loading}px
+          );
+        }
+        &-show-arrow {
+          .${t}-arrow {
+            &,
+            & svg {
+              color: ${o.layer({foundation:"surface",disabled:a})[l.Variables.TextOnFoundationStrong]};
+            }
+            position: absolute;
+            right: ${e.consts[n].containerGap}px;
+            display: flex;
+            gap: ${e.consts[n].containerGap}px;
+            pointer-events: none;
+            top: ${e.consts[n].containerGap}px;
+            bottom: ${e.consts[n].containerGap}px;
+            ${n===b.Sizes.XSmall&&r.css`
+              top: ${h.getInputBorderStyles(n,i&&!a?"invalid":"normal",!1).borderWidth}px;
+              bottom: ${h.getInputBorderStyles(n,i&&!a?"invalid":"normal",!1).borderWidth}px;
+            `};
+            align-items: flex-start;
+            &-loading {
+              &::before {
+                content: '';
+                display: inline-block;
+                width: ${d.default.loading}px;
+                height: ${d.default.loading}px;
+                margin-top: ${e.consts[n].containerGap}px;
+                margin-right: ${e.consts[n].padding.inline-e.consts[n].containerGap}px;
+                border-radius: 100%;
+                border: 2px solid ${u[l.Variables.BorderOnFoundationSubtle]};
+                border-top-color: ${u[l.Variables.BorderOnFoundationStrong]};
+                animation: ${x.rotate} 0.8s linear infinite;
+                box-sizing: border-box;
+              }
+            }
+          }
+        }
+        /* ============== Dropdown =============== */
+        &-dropdown {
+          z-index: ${b.ZIndexes.SELECT};
+          position: absolute;
+          max-width: 100%;
+          border: none;
+          background-color: ${c.background};
+          color: ${c.color};
+          filter: ${c.dropShadow};
+          will-change: filter;
+          .rc-virtual-list-holder-inner {
+            gap: ${s.padding.block}px;
+          }
+          &::before {
+            display: none;
+          }
+        }
+        &-dropdown > div,
+        &-dropdown:hover > div {
+          width: 100%;
+          padding: ${s.padding.block}px;
+          border-radius: ${s.affixBorderRadius}px;
+        }
+        &-dropdown-hidden,
+        &-dropdown-hidden:hover {
+          display: none;
+        }
+      }
+      .${t}-dropdown {
+        &-slide-up-enter,
+        &-slide-up-appear {
+          opacity: 0;
+          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
+          animation-play-state: paused;
+        }
+        &-slide-up-leave {
+          opacity: 1;
+          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
+          animation-play-state: paused;
+        }
+        &-slide-up-enter.${t}-slide-up-enter-active, &-slide-up-appear.${t}-slide-up-appear-active {
+          &.${t}-placement-bottomLeft {
+            animation-name: ${$.rcSelectDropdownSlideUpIn};
+            animation-play-state: running;
+          }
+        }
+        &-slide-up-leave.${t}-slide-up-leave-active {
+          &.${t}-placement-bottomLeft {
+            animation-name: ${$.rcSelectDropdownSlideUpOut};
+            animation-play-state: running;
+          }
+        }
+        &-slide-up-enter.${t}-slide-up-enter-active, &-slide-up-appear.${t}-slide-up-appear-active {
+          &.${t}-placement-topLeft {
+            animation-name: rcSelectDropdownSlideDownIn;
+            animation-play-state: running;
+          }
+        }
+        &-slide-up-leave.${t}-slide-up-leave-active {
+          &.${t}-placement-topLeft {
+            animation-name: rcSelectDropdownSlideDownOut;
+            animation-play-state: running;
+          }
+        }
+      }
+    `}}
+`;exports.Select=F;
+//# sourceMappingURL=Select.styles.js.map