ods-ant 0.4.0 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-lib/{AutoComplete-gOMQxLvY.cjs → AutoComplete-C9LcpBRs.cjs} +3 -3
- package/dist-lib/{AutoComplete-gOMQxLvY.cjs.map → AutoComplete-C9LcpBRs.cjs.map} +1 -1
- package/dist-lib/{AutoComplete-cpf8hCnK.js → AutoComplete-CCYcFqfs.js} +2 -2
- package/dist-lib/{AutoComplete-cpf8hCnK.js.map → AutoComplete-CCYcFqfs.js.map} +1 -1
- package/dist-lib/{DatePicker-DTVtamsX.cjs → DatePicker-CQgt-WoB.cjs} +2 -2
- package/dist-lib/{DatePicker-DTVtamsX.cjs.map → DatePicker-CQgt-WoB.cjs.map} +1 -1
- package/dist-lib/{DatePicker-BpjYibJF.js → DatePicker-LXjOxVN5.js} +87 -33
- package/dist-lib/{DatePicker-BpjYibJF.js.map → DatePicker-LXjOxVN5.js.map} +1 -1
- package/dist-lib/display/Table.cjs +10 -10
- package/dist-lib/display/Table.cjs.map +1 -1
- package/dist-lib/display/Table.js +182 -125
- package/dist-lib/display/Table.js.map +1 -1
- package/dist-lib/forms/AccessibleDatePicker.cjs +1 -1
- package/dist-lib/forms/AccessibleDatePicker.js +1 -1
- package/dist-lib/forms/AutoComplete.cjs +1 -1
- package/dist-lib/forms/AutoComplete.js +1 -1
- package/dist-lib/forms/Button.cjs +2 -2
- package/dist-lib/forms/Button.cjs.map +1 -1
- package/dist-lib/forms/Button.js +24 -48
- package/dist-lib/forms/Button.js.map +1 -1
- package/dist-lib/forms/Cascader.cjs +2 -2
- package/dist-lib/forms/Cascader.js +3 -3
- package/dist-lib/forms/ClearableAutoComplete.cjs +1 -1
- package/dist-lib/forms/ClearableAutoComplete.js +1 -1
- package/dist-lib/forms/ClearableDatePicker.cjs +1 -1
- package/dist-lib/forms/ClearableDatePicker.cjs.map +1 -1
- package/dist-lib/forms/ClearableDatePicker.js +6 -5
- package/dist-lib/forms/ClearableDatePicker.js.map +1 -1
- package/dist-lib/forms/ClearableTransfer.cjs +1 -1
- package/dist-lib/forms/ClearableTransfer.cjs.map +1 -1
- package/dist-lib/forms/ClearableTransfer.js +5 -0
- package/dist-lib/forms/ClearableTransfer.js.map +1 -1
- package/dist-lib/forms/DatePicker.cjs +1 -1
- package/dist-lib/forms/DatePicker.js +1 -1
- package/dist-lib/forms/Select.cjs +1 -1
- package/dist-lib/forms/Select.cjs.map +1 -1
- package/dist-lib/forms/Select.js +45 -43
- package/dist-lib/forms/Select.js.map +1 -1
- package/dist-lib/forms/TreeSelect.cjs +60 -1
- package/dist-lib/forms/TreeSelect.cjs.map +1 -1
- package/dist-lib/forms/TreeSelect.js +148 -36
- package/dist-lib/forms/TreeSelect.js.map +1 -1
- package/dist-lib/forms/index.cjs +1 -1
- package/dist-lib/forms/index.js +2 -2
- package/dist-lib/index.cjs +1 -1
- package/dist-lib/index.js +2 -2
- package/dist-lib/{selectStyles-C8j5Vvgp.js → selectStyles-7f37TvzD.js} +182 -151
- package/dist-lib/selectStyles-7f37TvzD.js.map +1 -0
- package/dist-lib/{selectStyles-BFeXUMpO.cjs → selectStyles-KK5-1q0t.cjs} +180 -149
- package/dist-lib/selectStyles-KK5-1q0t.cjs.map +1 -0
- package/dist-lib/types/ds/accessibility.smoke.test.d.ts +2 -0
- package/dist-lib/types/ds/accessibility.smoke.test.d.ts.map +1 -0
- package/dist-lib/types/ds/display/Table.d.ts +50 -0
- package/dist-lib/types/ds/display/Table.d.ts.map +1 -1
- package/dist-lib/types/ds/forms/Button.d.ts +2 -3
- package/dist-lib/types/ds/forms/Button.d.ts.map +1 -1
- package/dist-lib/types/ds/forms/ClearableDatePicker.d.ts +8 -4
- package/dist-lib/types/ds/forms/ClearableDatePicker.d.ts.map +1 -1
- package/dist-lib/types/ds/forms/ClearableTransfer.d.ts.map +1 -1
- package/dist-lib/types/ds/forms/DatePicker.d.ts +6 -1
- package/dist-lib/types/ds/forms/DatePicker.d.ts.map +1 -1
- package/dist-lib/types/ds/forms/Select.d.ts +4 -1
- package/dist-lib/types/ds/forms/Select.d.ts.map +1 -1
- package/dist-lib/types/ds/forms/TreeSelect.d.ts +1 -1
- package/dist-lib/types/ds/forms/TreeSelect.d.ts.map +1 -1
- package/dist-lib/types/ds/forms/selectStyles.d.ts +1 -0
- package/dist-lib/types/ds/forms/selectStyles.d.ts.map +1 -1
- package/package.json +14 -2
- package/dist-lib/selectStyles-BFeXUMpO.cjs.map +0 -1
- package/dist-lib/selectStyles-C8j5Vvgp.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker-BpjYibJF.js","names":[],"sources":["../src/ds/forms/datePickerStyles.ts","../src/ds/forms/DatePicker.tsx"],"sourcesContent":["import { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { CORE_COLORS } from '../../tokens/core';\n\nconst STYLE_ID = 'ds-date-picker-styles';\n\nexport const DS_PICKER_CLASS = 'ds-date-picker';\nexport const DS_PICKER_PANEL_CLASS = 'ds-date-picker-panel';\n\nexport const mergePickerClassNames = (...classNames: Array<string | undefined>): string =>\n classNames.filter(Boolean).join(' ').trim();\n\nexport const ensureDatePickerStyles = () => {\n if (typeof document === 'undefined') {\n return;\n }\n\n const { button, input } = dsSemanticTokens;\n let style = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n if (!style) {\n style = document.createElement('style');\n style.id = STYLE_ID;\n document.head.appendChild(style);\n }\n\n style.textContent = `\n\n /* ── Trigger: base ───────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker {\n border-color: ${input.border.default} !important;\n border-width: ${input.border.widthDefault} !important;\n border-style: solid !important;\n border-radius: ${input.border.radius} !important;\n background-color: ${input.background.default} !important;\n box-shadow: none !important;\n min-height: ${input.height.middle} !important;\n height: ${input.height.middle} !important;\n padding: 0 ${input.padding.middle.x} !important;\n display: inline-flex !important;\n align-items: center !important;\n width: 100% !important;\n transition: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker:has(.ant-picker-input > input[readonly]:not(:disabled)) {\n background-color: ${input.background.readOnly} !important;\n border-color: ${input.border.default} !important;\n box-shadow: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined {\n border-color: ${input.border.default} !important;\n box-shadow: none !important;\n }\n\n /* ── Trigger: sizes ──────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-small {\n min-height: ${input.height.small} !important;\n height: ${input.height.small} !important;\n padding: 0 ${input.padding.small.x} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-large {\n min-height: ${input.height.large} !important;\n height: ${input.height.large} !important;\n padding: 0 ${input.padding.large.x} !important;\n }\n\n /* ── Trigger: hover ──────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker:not(.ant-picker-disabled):hover,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined:not(.ant-picker-disabled):hover {\n border-color: ${input.border.hover} !important;\n box-shadow: none !important;\n }\n\n /* ── Trigger: focus / open ───────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-focused {\n border-color: ${input.border.focus} !important;\n border-width: ${input.border.widthFocus} !important;\n box-shadow: none !important;\n outline: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused:hover,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-focused:hover {\n border-color: ${input.border.focus} !important;\n border-width: ${input.border.widthFocus} !important;\n box-shadow: none !important;\n outline: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker:focus-within,\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input:focus,\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input:focus-visible {\n outline: none !important;\n box-shadow: none !important;\n }\n\n /* ── Trigger: status ─────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-error {\n border-color: ${input.border.error} !important;\n box-shadow: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-warning,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-warning {\n border-color: ${CORE_COLORS.status.warning} !important;\n box-shadow: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-success,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-success {\n border-color: ${input.border.success} !important;\n box-shadow: none !important;\n }\n\n /* ── Trigger: disabled ───────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled {\n background-color: ${input.background.disabled} !important;\n border-color: transparent !important;\n box-shadow: none !important;\n }\n\n /* ── Input text ──────────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input {\n font-size: 14px !important;\n line-height: 18px !important;\n font-weight: 400 !important;\n color: ${CORE_COLORS.text.strong} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input::placeholder {\n color: ${input.text.placeholder} !important;\n font-weight: 400 !important;\n opacity: 1 !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused .ant-picker-input > input {\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: ${input.focusFontWeight} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error .ant-picker-input > input {\n color: ${input.border.error} !important;\n font-weight: ${input.focusFontWeight} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled .ant-picker-input > input {\n color: ${input.text.disabled} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input[readonly]:not(:disabled) {\n color: ${input.text.readOnly} !important;\n font-weight: 400 !important;\n }\n\n /* ── Suffix icon ─────────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-suffix,\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-suffix .anticon {\n color: ${input.border.default} !important;\n font-size: 14px !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused .ant-picker-suffix,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused .ant-picker-suffix .anticon {\n color: ${input.border.default} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error .ant-picker-suffix,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error .ant-picker-suffix .anticon {\n color: ${input.border.default} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled .ant-picker-suffix,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled .ant-picker-suffix .anticon {\n color: ${input.text.disabled} !important;\n }\n\n /* ── Clear button ────────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-clear {\n color: ${input.text.default} !important;\n background: ${input.background.default} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-clear:hover {\n color: ${input.text.focus} !important;\n }\n\n /* ── Calendar panel container ────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-panel-container {\n border: 1px solid ${input.text.focus} !important;\n border-radius: 4px !important;\n background: ${input.background.default} !important;\n box-shadow: 0 2px 4px color-mix(in srgb, ${CORE_COLORS.text.primary} 30%, transparent) !important;\n overflow: hidden !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-panel {\n border: 0 !important;\n border-radius: 0 !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-date-panel,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel {\n width: 300px !important;\n padding: 16px !important;\n }\n\n /* ── Panel header ────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header {\n border-bottom: 0 !important;\n padding: 0 0 8px !important;\n color: ${input.text.focus} !important;\n display: flex !important;\n align-items: center !important;\n justify-content: flex-start !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header button {\n color: ${input.text.focus} !important;\n font-size: 14px !important;\n line-height: 18px !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n padding: 0 !important;\n margin: 0 !important;\n border: 0 !important;\n background: transparent !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header button:hover {\n color: ${input.border.focus} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view {\n font-size: 16px !important;\n font-weight: 600 !important;\n line-height: 20px !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n color: ${button.primary.default} !important;\n display: inline-flex !important;\n align-items: center !important;\n gap: 2px !important;\n order: 1 !important;\n margin-right: auto !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view *,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button *,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button span {\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button {\n color: ${button.primary.default} !important;\n font-size: 16px !important;\n font-weight: 600 !important;\n line-height: 20px !important;\n letter-spacing: ${button.typography.middle.letterSpacing} !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n cursor: pointer !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button:hover {\n color: ${button.primary.hover} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button:active,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button:focus-visible {\n color: ${button.primary.pressed} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-super-prev-btn,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-super-next-btn {\n display: none !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-btn,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-btn {\n width: 14px !important;\n height: 14px !important;\n min-width: 14px !important;\n min-height: 14px !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n color: ${input.text.focus} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-btn,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-btn {\n margin-left: 16px !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-btn {\n order: 2 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-btn {\n order: 3 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-icon,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-icon {\n width: 14px !important;\n height: 14px !important;\n font-size: 14px !important;\n }\n\n /* ── Day-of-week header row ──────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-content th {\n color: ${input.border.default} !important;\n font-size: 12px !important;\n font-weight: 600 !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n text-transform: uppercase !important;\n letter-spacing: 0.48px !important;\n padding: 0 0 8px !important;\n }\n\n /* ── Day cells ───────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-body {\n padding: 0 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell {\n color: ${CORE_COLORS.text.strong} !important;\n padding: 2px 0 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-in-view {\n color: ${CORE_COLORS.text.strong} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-content tr {\n display: table-row !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-content td {\n display: table-cell !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner {\n font-size: 12px !important;\n font-weight: 400 !important;\n line-height: 16px !important;\n min-width: 28px !important;\n height: 28px !important;\n border-radius: 50% !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n /* ── Cell: hover ─────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown\n .ant-picker-cell:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled):not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end):not(.ant-picker-cell-range-hover):hover\n .ant-picker-cell-inner {\n background: ${CORE_COLORS.semantic.infoBg} !important;\n color: ${input.text.focus} !important;\n }\n\n /* ── Cell: today ─────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner {\n font-weight: 400 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner::before {\n border: 1px solid ${CORE_COLORS.text.strong} !important;\n border-radius: 50% !important;\n }\n\n /* ── Cell: selected ──────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n border-radius: 50% !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner::before {\n border: 0 !important;\n }\n\n /* ── Month / year panel cell selected ────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-selected .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n border-radius: 16px !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell .ant-picker-cell-inner {\n font-size: 14px !important;\n line-height: 18px !important;\n font-weight: 400 !important;\n border-radius: 16px !important;\n min-width: 56px !important;\n height: 28px !important;\n padding: 0 8px !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-range-hover::before {\n background: transparent !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell:hover::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-in-view.ant-picker-cell-in-range::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-in-view.ant-picker-cell-range-hover::before {\n background: transparent !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n border-radius: 50% !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner::before {\n border: 0 !important;\n background: transparent !important;\n }\n\n /* ── Footer ──────────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-footer {\n display: none !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-today-btn {\n color: ${input.border.focus} !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-today-btn:hover {\n color: ${CORE_COLORS.brand.primaryHover} !important;\n }\n\n /* ── Range picker ────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-in-range .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightBg} !important;\n color: ${CORE_COLORS.text.strong} !important;\n border-radius: 0 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-in-range::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end::before {\n background: ${CORE_COLORS.accent.highlightBg} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n border-radius: 50% !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start:hover .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end:hover .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start.ant-picker-cell-range-hover-start .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end.ant-picker-cell-range-hover-end .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-hover-start .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-hover-end .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-hover .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightBg} !important;\n }\n\n `;\n\n};\n","import { DatePicker as AntDatePicker } from 'antd';\nimport type { DatePickerProps } from 'antd';\nimport { useEffect, useId } from 'react';\nimport type { ComponentProps } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\nimport {\n DS_PICKER_CLASS,\n DS_PICKER_PANEL_CLASS,\n ensureDatePickerStyles,\n mergePickerClassNames,\n} from './datePickerStyles';\n\nexport type DSDatePickerProps = DatePickerProps & DSFieldShellProps & {\n onValueChange?: (value: any) => void;\n};\nexport const DS_DATE_FORMAT = 'MM-DD-YYYY';\n\ntype DSRangePickerProps = ComponentProps<typeof AntDatePicker.RangePicker>;\n\nexport const DatePicker = ({\n className: providedClassName,\n popupClassName: providedPopupClassName,\n classNames: providedClassNames,\n fieldLabel,\n fieldRequired,\n fieldDescription,\n fieldError,\n fieldActions,\n containerStyle,\n clear,\n clearable = false,\n clearLabel,\n clearVisibility = 'always',\n onClear,\n onValueChange,\n id,\n ...props\n}: DSDatePickerProps) => {\n const generatedId = useId();\n useEffect(() => {\n ensureDatePickerStyles();\n }, []);\n\n const shouldWrapInFieldShell = Boolean(\n fieldLabel ||\n fieldRequired ||\n fieldDescription ||\n fieldError ||\n fieldActions ||\n clearable ||\n clear ||\n onClear,\n );\n const controlId = id ?? (shouldWrapInFieldShell ? generatedId : undefined);\n const descriptionId = controlId ? `${controlId}-description` : undefined;\n const errorId = controlId ? `${controlId}-error` : undefined;\n const clearAction = clear?.onClear ?? onClear;\n\n const mergedClassName = mergePickerClassNames(DS_PICKER_CLASS, providedClassName);\n const mergedPopupRootClassName = mergePickerClassNames(\n DS_PICKER_PANEL_CLASS,\n (providedClassNames as any)?.popup?.root,\n providedPopupClassName,\n );\n\n const mergedClassNames = {\n ...(providedClassNames ?? {}),\n popup: {\n ...((providedClassNames as any)?.popup ?? {}),\n root: mergedPopupRootClassName,\n },\n } as DatePickerProps['classNames'];\n\n const resolvedFormat = props.format ?? DS_DATE_FORMAT;\n const resolvedPlaceholder = props.placeholder ?? DS_DATE_FORMAT;\n const describedBy = joinDescribedByIds(\n fieldDescription ? descriptionId : undefined,\n fieldError ? errorId : undefined,\n );\n\n const control = (\n <AntDatePicker\n {...props}\n id={controlId}\n format={resolvedFormat}\n placeholder={resolvedPlaceholder}\n className={mergedClassName}\n classNames={mergedClassNames}\n status={fieldError ? 'error' : props.status}\n aria-describedby={describedBy}\n aria-invalid={fieldError ? true : undefined}\n onChange={(date, dateString) => {\n props.onChange?.(date, dateString);\n onValueChange?.(date);\n }}\n />\n );\n\n if (!shouldWrapInFieldShell) {\n return control;\n }\n\n return (\n <FieldShell\n label={fieldLabel}\n required={fieldRequired}\n htmlFor={controlId}\n description={fieldDescription}\n descriptionId={descriptionId}\n error={fieldError}\n errorId={errorId}\n clear={clear}\n clearable={clearable}\n clearLabel={clearLabel}\n clearVisibility={clearVisibility}\n clearValue={props.value}\n onClear={() => {\n clearAction?.();\n onValueChange?.(null);\n props.onChange?.(null, '');\n }}\n extraActions={fieldActions}\n style={containerStyle}\n >\n {control}\n </FieldShell>\n );\n};\n\nDatePicker.displayName = 'DatePicker';\n\nconst DSRangePicker = ({\n className: providedClassName,\n popupClassName: providedPopupClassName,\n classNames: providedClassNames,\n ...props\n}: DSRangePickerProps) => {\n useEffect(() => {\n ensureDatePickerStyles();\n }, []);\n\n const mergedClassName = mergePickerClassNames(DS_PICKER_CLASS, providedClassName);\n const mergedPopupRootClassName = mergePickerClassNames(\n DS_PICKER_PANEL_CLASS,\n (providedClassNames as any)?.popup?.root,\n providedPopupClassName,\n );\n\n const mergedClassNames = {\n ...(providedClassNames ?? {}),\n popup: {\n ...((providedClassNames as any)?.popup ?? {}),\n root: mergedPopupRootClassName,\n },\n } as DSRangePickerProps['classNames'];\n\n const resolvedFormat = props.format ?? DS_DATE_FORMAT;\n const resolvedPlaceholder = props.placeholder ?? [DS_DATE_FORMAT, DS_DATE_FORMAT];\n\n return (\n <AntDatePicker.RangePicker\n {...props}\n format={resolvedFormat}\n placeholder={resolvedPlaceholder}\n className={mergedClassName}\n classNames={mergedClassNames}\n />\n );\n};\n\nDSRangePicker.displayName = 'DatePicker.RangePicker';\n\n// Forward DS-wrapped sub-component so callers can do const { RangePicker } = DSDatePicker\n(DatePicker as typeof DatePicker & { RangePicker: typeof DSRangePicker }).RangePicker = DSRangePicker;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DatePicker-LXjOxVN5.js","names":[],"sources":["../src/ds/forms/datePickerStyles.ts","../src/ds/forms/DatePicker.tsx"],"sourcesContent":["import { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { CORE_COLORS } from '../../tokens/core';\n\nconst STYLE_ID = 'ds-date-picker-styles';\n\nexport const DS_PICKER_CLASS = 'ds-date-picker';\nexport const DS_PICKER_PANEL_CLASS = 'ds-date-picker-panel';\n\nexport const mergePickerClassNames = (...classNames: Array<string | undefined>): string =>\n classNames.filter(Boolean).join(' ').trim();\n\nexport const ensureDatePickerStyles = () => {\n if (typeof document === 'undefined') {\n return;\n }\n\n const { button, input } = dsSemanticTokens;\n let style = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n if (!style) {\n style = document.createElement('style');\n style.id = STYLE_ID;\n document.head.appendChild(style);\n }\n\n style.textContent = `\n\n /* ── Trigger: base ───────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker {\n border-color: ${input.border.default} !important;\n border-width: ${input.border.widthDefault} !important;\n border-style: solid !important;\n border-radius: ${input.border.radius} !important;\n background-color: ${input.background.default} !important;\n box-shadow: none !important;\n min-height: ${input.height.middle} !important;\n height: ${input.height.middle} !important;\n padding: 0 ${input.padding.middle.x} !important;\n display: inline-flex !important;\n align-items: center !important;\n width: 100% !important;\n transition: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker:has(.ant-picker-input > input[readonly]:not(:disabled)) {\n background-color: ${input.background.readOnly} !important;\n border-color: ${input.border.default} !important;\n box-shadow: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined {\n border-color: ${input.border.default} !important;\n box-shadow: none !important;\n }\n\n /* ── Trigger: sizes ──────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-small {\n min-height: ${input.height.small} !important;\n height: ${input.height.small} !important;\n padding: 0 ${input.padding.small.x} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-large {\n min-height: ${input.height.large} !important;\n height: ${input.height.large} !important;\n padding: 0 ${input.padding.large.x} !important;\n }\n\n /* ── Trigger: hover ──────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker:not(.ant-picker-disabled):hover,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined:not(.ant-picker-disabled):hover {\n border-color: ${input.border.hover} !important;\n box-shadow: none !important;\n }\n\n /* ── Trigger: focus / open ───────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-focused {\n border-color: ${input.border.focus} !important;\n border-width: ${input.border.widthFocus} !important;\n box-shadow: none !important;\n outline: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused:hover,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-focused:hover {\n border-color: ${input.border.focus} !important;\n border-width: ${input.border.widthFocus} !important;\n box-shadow: none !important;\n outline: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker:focus-within,\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input:focus,\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input:focus-visible {\n outline: none !important;\n box-shadow: none !important;\n }\n\n /* ── Trigger: status ─────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-error {\n border-color: ${input.border.error} !important;\n box-shadow: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-warning,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-warning {\n border-color: ${CORE_COLORS.status.warning} !important;\n box-shadow: none !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-success,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-success {\n border-color: ${input.border.success} !important;\n box-shadow: none !important;\n }\n\n /* ── Trigger: disabled ───────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled {\n background-color: ${input.background.disabled} !important;\n border-color: transparent !important;\n box-shadow: none !important;\n }\n\n /* ── Input text ──────────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input {\n font-size: 14px !important;\n line-height: 18px !important;\n font-weight: 400 !important;\n color: ${CORE_COLORS.text.strong} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input::placeholder {\n color: ${input.text.placeholder} !important;\n font-weight: 400 !important;\n opacity: 1 !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused .ant-picker-input > input {\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: ${input.focusFontWeight} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error .ant-picker-input > input {\n color: ${input.border.error} !important;\n font-weight: ${input.focusFontWeight} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled .ant-picker-input > input {\n color: ${input.text.disabled} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input[readonly]:not(:disabled) {\n color: ${input.text.readOnly} !important;\n font-weight: 400 !important;\n }\n\n /* ── Suffix icon ─────────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-suffix,\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-suffix .anticon {\n color: ${input.border.default} !important;\n font-size: 14px !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused .ant-picker-suffix,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused .ant-picker-suffix .anticon {\n color: ${input.border.default} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error .ant-picker-suffix,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error .ant-picker-suffix .anticon {\n color: ${input.border.default} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled .ant-picker-suffix,\n .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled .ant-picker-suffix .anticon {\n color: ${input.text.disabled} !important;\n }\n\n /* ── Clear button ────────────────────────────────── */\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-clear {\n color: ${input.text.default} !important;\n background: ${input.background.default} !important;\n }\n\n .${DS_PICKER_CLASS}.ant-picker .ant-picker-clear:hover {\n color: ${input.text.focus} !important;\n }\n\n /* ── Calendar panel container ────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-panel-container {\n border: 1px solid ${input.text.focus} !important;\n border-radius: 4px !important;\n background: ${input.background.default} !important;\n box-shadow: 0 2px 4px color-mix(in srgb, ${CORE_COLORS.text.primary} 30%, transparent) !important;\n overflow: hidden !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-panel {\n border: 0 !important;\n border-radius: 0 !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-date-panel,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel {\n width: 300px !important;\n padding: 16px !important;\n }\n\n /* ── Panel header ────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header {\n border-bottom: 0 !important;\n padding: 0 0 8px !important;\n color: ${input.text.focus} !important;\n display: flex !important;\n align-items: center !important;\n justify-content: flex-start !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header button {\n color: ${input.text.focus} !important;\n font-size: 14px !important;\n line-height: 18px !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n padding: 0 !important;\n margin: 0 !important;\n border: 0 !important;\n background: transparent !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header button:hover {\n color: ${input.border.focus} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view {\n font-size: 16px !important;\n font-weight: 600 !important;\n line-height: 20px !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n color: ${button.primary.default} !important;\n display: inline-flex !important;\n align-items: center !important;\n gap: 2px !important;\n order: 1 !important;\n margin-right: auto !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view *,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button *,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button span {\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button {\n color: ${button.primary.default} !important;\n font-size: 16px !important;\n font-weight: 600 !important;\n line-height: 20px !important;\n letter-spacing: ${button.typography.middle.letterSpacing} !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n cursor: pointer !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button:hover {\n color: ${button.primary.hover} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button:active,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button:focus-visible {\n color: ${button.primary.pressed} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-super-prev-btn,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-super-next-btn {\n display: none !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-btn,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-btn {\n width: 14px !important;\n height: 14px !important;\n min-width: 14px !important;\n min-height: 14px !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n color: ${input.text.focus} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-btn,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-btn {\n margin-left: 16px !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-btn {\n order: 2 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-btn {\n order: 3 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-icon,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-icon {\n width: 14px !important;\n height: 14px !important;\n font-size: 14px !important;\n }\n\n /* ── Day-of-week header row ──────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-content th {\n color: ${input.border.default} !important;\n font-size: 12px !important;\n font-weight: 600 !important;\n font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n text-transform: uppercase !important;\n letter-spacing: 0.48px !important;\n padding: 0 0 8px !important;\n }\n\n /* ── Day cells ───────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-body {\n padding: 0 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell {\n color: ${CORE_COLORS.text.strong} !important;\n padding: 2px 0 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-in-view {\n color: ${CORE_COLORS.text.strong} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-content tr {\n display: table-row !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-content td {\n display: table-cell !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner {\n font-size: 12px !important;\n font-weight: 400 !important;\n line-height: 16px !important;\n min-width: 28px !important;\n height: 28px !important;\n border-radius: 50% !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n /* ── Cell: hover ─────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown\n .ant-picker-cell:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled):not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end):not(.ant-picker-cell-range-hover):hover\n .ant-picker-cell-inner {\n background: ${CORE_COLORS.semantic.infoBg} !important;\n color: ${input.text.focus} !important;\n }\n\n /* ── Cell: today ─────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner {\n font-weight: 400 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner::before {\n border: 1px solid ${CORE_COLORS.text.strong} !important;\n border-radius: 50% !important;\n }\n\n /* ── Cell: selected ──────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n border-radius: 50% !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner::before {\n border: 0 !important;\n }\n\n /* ── Month / year panel cell selected ────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-selected .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n border-radius: 16px !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell .ant-picker-cell-inner {\n font-size: 14px !important;\n line-height: 18px !important;\n font-weight: 400 !important;\n border-radius: 16px !important;\n min-width: 56px !important;\n height: 28px !important;\n padding: 0 8px !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-range-hover::before {\n background: transparent !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell:hover::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-in-view.ant-picker-cell-in-range::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-in-view.ant-picker-cell-range-hover::before {\n background: transparent !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n border-radius: 50% !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner::before {\n border: 0 !important;\n background: transparent !important;\n }\n\n /* ── Footer ──────────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-footer {\n display: none !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-today-btn {\n color: ${input.border.focus} !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-today-btn:hover {\n color: ${CORE_COLORS.brand.primaryHover} !important;\n }\n\n /* ── Range picker ────────────────────────────────── */\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-in-range .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightBg} !important;\n color: ${CORE_COLORS.text.strong} !important;\n border-radius: 0 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-in-range::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start::before,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end::before {\n background: ${CORE_COLORS.accent.highlightBg} !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n border-radius: 50% !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start:hover .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end:hover .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start.ant-picker-cell-range-hover-start .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end.ant-picker-cell-range-hover-end .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightSoft} !important;\n border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n color: ${CORE_COLORS.text.strong} !important;\n font-weight: 700 !important;\n }\n\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-hover-start .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-hover-end .ant-picker-cell-inner,\n .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-hover .ant-picker-cell-inner {\n background: ${CORE_COLORS.accent.highlightBg} !important;\n }\n\n `;\n\n};\n","import { DatePicker as AntDatePicker } from 'antd';\nimport type { DatePickerProps } from 'antd';\nimport { useEffect, useId } from 'react';\nimport type { ChangeEvent, ComponentProps, InputHTMLAttributes, KeyboardEvent } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\nimport {\n DS_PICKER_CLASS,\n DS_PICKER_PANEL_CLASS,\n ensureDatePickerStyles,\n mergePickerClassNames,\n} from './datePickerStyles';\n\nexport type DSDateSeparator = '/' | '-';\n\nexport type DSDatePickerProps = DatePickerProps & DSFieldShellProps & {\n onValueChange?: (value: any) => void;\n /** Enable numeric-only input with auto-inserted date separator. Only applies to single date picker. Default: true. */\n dsMaskEnabled?: boolean;\n /** Separator character inserted between MM, DD, and YYYY segments. Also sets the resolved format. Default: '-'. */\n dsMaskSeparator?: DSDateSeparator;\n};\nexport const DS_DATE_FORMAT = 'MM-DD-YYYY';\n\n// ── Input masking helpers ───────────────────────────────────────────────────\n\nfunction applyDateMask(raw: string, sep: DSDateSeparator): string {\n const digits = raw.replace(/\\D/g, '').slice(0, 8);\n if (digits.length <= 2) return digits;\n if (digits.length <= 4) return `${digits.slice(0, 2)}${sep}${digits.slice(2)}`;\n return `${digits.slice(0, 2)}${sep}${digits.slice(2, 4)}${sep}${digits.slice(4)}`;\n}\n\nconst MASK_CONTROL_KEYS = new Set([\n 'Backspace', 'Delete', 'Tab', 'Enter', 'Escape',\n 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown',\n 'Home', 'End',\n]);\n\nfunction makeMaskedDateInput(sep: DSDateSeparator) {\n function MaskedDateInput({ onKeyDown, onChange, ...rest }: InputHTMLAttributes<HTMLInputElement>) {\n const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n if (!MASK_CONTROL_KEYS.has(e.key) && !/^\\d$/.test(e.key) && !e.ctrlKey && !e.metaKey) {\n e.preventDefault();\n }\n onKeyDown?.(e);\n };\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n const { value, selectionStart } = e.target;\n const isAppending = selectionStart == null || selectionStart === value.length;\n if (!isAppending) {\n onChange?.(e);\n return;\n }\n const masked = applyDateMask(value, sep);\n if (masked === value) {\n onChange?.(e);\n return;\n }\n // Provide a patched event so Ant reads the masked value from e.target.value\n const patchedEvent = Object.create(e) as ChangeEvent<HTMLInputElement>;\n Object.defineProperty(patchedEvent, 'target', {\n configurable: true,\n get: () => ({ ...e.target, value: masked }),\n });\n onChange?.(patchedEvent);\n };\n\n return <input {...rest} onKeyDown={handleKeyDown} onChange={handleChange} />;\n }\n MaskedDateInput.displayName = `MaskedDateInput(${sep})`;\n return MaskedDateInput;\n}\n\n// Stable module-level references – prevents component identity changes across renders\nconst MASKED_INPUT_DASH = makeMaskedDateInput('-');\nconst MASKED_INPUT_SLASH = makeMaskedDateInput('/');\n\ntype DSRangePickerProps = ComponentProps<typeof AntDatePicker.RangePicker>;\n\nexport const DatePicker = ({\n className: providedClassName,\n popupClassName: providedPopupClassName,\n classNames: providedClassNames,\n fieldLabel,\n fieldRequired,\n fieldDescription,\n fieldError,\n fieldActions,\n containerStyle,\n clear,\n clearable = false,\n clearLabel,\n clearVisibility = 'always',\n onClear,\n onValueChange,\n dsMaskEnabled = true,\n dsMaskSeparator = '-',\n id,\n ...props\n}: DSDatePickerProps) => {\n const generatedId = useId();\n useEffect(() => {\n ensureDatePickerStyles();\n }, []);\n\n const shouldWrapInFieldShell = Boolean(\n fieldLabel ||\n fieldRequired ||\n fieldDescription ||\n fieldError ||\n fieldActions ||\n clearable ||\n clear ||\n onClear,\n );\n const controlId = id ?? (shouldWrapInFieldShell ? generatedId : undefined);\n const descriptionId = controlId ? `${controlId}-description` : undefined;\n const errorId = controlId ? `${controlId}-error` : undefined;\n const clearAction = clear?.onClear ?? onClear;\n\n const mergedClassName = mergePickerClassNames(DS_PICKER_CLASS, providedClassName);\n const mergedPopupRootClassName = mergePickerClassNames(\n DS_PICKER_PANEL_CLASS,\n (providedClassNames as any)?.popup?.root,\n providedPopupClassName,\n );\n\n const mergedClassNames = {\n ...(providedClassNames ?? {}),\n popup: {\n ...((providedClassNames as any)?.popup ?? {}),\n root: mergedPopupRootClassName,\n },\n } as DatePickerProps['classNames'];\n\n const isSingleDatePicker = !props.picker || props.picker === 'date';\n const shouldMask = dsMaskEnabled && isSingleDatePicker && !props.multiple && !props.inputReadOnly;\n const resolvedSep = dsMaskSeparator;\n const resolvedFormat = props.format ?? `MM${resolvedSep}DD${resolvedSep}YYYY`;\n const resolvedPlaceholder = props.placeholder ?? `MM${resolvedSep}DD${resolvedSep}YYYY`;\n const maskedInput = shouldMask ? (resolvedSep === '/' ? MASKED_INPUT_SLASH : MASKED_INPUT_DASH) : undefined;\n // Only inject masked input when the caller has not supplied their own input override\n const resolvedComponents = maskedInput && !(props.components as any)?.input\n ? { ...props.components, input: maskedInput }\n : props.components;\n const describedBy = joinDescribedByIds(\n fieldDescription ? descriptionId : undefined,\n fieldError ? errorId : undefined,\n );\n\n const control = (\n <AntDatePicker\n {...props}\n id={controlId}\n format={resolvedFormat}\n placeholder={resolvedPlaceholder}\n className={mergedClassName}\n classNames={mergedClassNames}\n components={resolvedComponents}\n status={fieldError ? 'error' : props.status}\n aria-describedby={describedBy}\n aria-invalid={fieldError ? true : undefined}\n onChange={(date, dateString) => {\n props.onChange?.(date, dateString);\n onValueChange?.(date);\n }}\n />\n );\n\n if (!shouldWrapInFieldShell) {\n return control;\n }\n\n return (\n <FieldShell\n label={fieldLabel}\n required={fieldRequired}\n htmlFor={controlId}\n description={fieldDescription}\n descriptionId={descriptionId}\n error={fieldError}\n errorId={errorId}\n clear={clear}\n clearable={clearable}\n clearLabel={clearLabel}\n clearVisibility={clearVisibility}\n clearValue={props.value}\n onClear={() => {\n clearAction?.();\n onValueChange?.(null);\n props.onChange?.(null, '');\n }}\n extraActions={fieldActions}\n style={containerStyle}\n >\n {control}\n </FieldShell>\n );\n};\n\nDatePicker.displayName = 'DatePicker';\n\nconst DSRangePicker = ({\n className: providedClassName,\n popupClassName: providedPopupClassName,\n classNames: providedClassNames,\n ...props\n}: DSRangePickerProps) => {\n useEffect(() => {\n ensureDatePickerStyles();\n }, []);\n\n const mergedClassName = mergePickerClassNames(DS_PICKER_CLASS, providedClassName);\n const mergedPopupRootClassName = mergePickerClassNames(\n DS_PICKER_PANEL_CLASS,\n (providedClassNames as any)?.popup?.root,\n providedPopupClassName,\n );\n\n const mergedClassNames = {\n ...(providedClassNames ?? {}),\n popup: {\n ...((providedClassNames as any)?.popup ?? {}),\n root: mergedPopupRootClassName,\n },\n } as DSRangePickerProps['classNames'];\n\n const resolvedFormat = props.format ?? DS_DATE_FORMAT;\n const resolvedPlaceholder = props.placeholder ?? [DS_DATE_FORMAT, DS_DATE_FORMAT];\n\n return (\n <AntDatePicker.RangePicker\n {...props}\n format={resolvedFormat}\n placeholder={resolvedPlaceholder}\n className={mergedClassName}\n classNames={mergedClassNames}\n />\n );\n};\n\nDSRangePicker.displayName = 'DatePicker.RangePicker';\n\n// Forward DS-wrapped sub-component so callers can do const { RangePicker } = DSDatePicker\n(DatePicker as typeof DatePicker & { RangePicker: typeof DSRangePicker }).RangePicker = DSRangePicker;\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../theme.cjs`),n=require(`../useCustomIcon-DbSB56Pd.cjs`),r=require(`./Tooltip.cjs`),i=require(`../navigation/Pagination.cjs`);let a=require(`antd`),o=require(`react`);o=e.t(o,1);let s=require(`react/jsx-runtime`);var c=`ds-table-styles`,l=e=>typeof e==`string`||typeof e==`number`,u=({value:e,withTooltip:t,tooltipDelay:n,tooltipSize:i,tooltipTitle:a})=>{let c=o.default.useRef(null),[l,u]=o.default.useState(!1),d=String(e),f=o.default.useCallback(()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth;u(e=>e===t?e:t)},[]);o.default.useEffect(()=>{let e=c.current;if(!e)return;f();let t=requestAnimationFrame(()=>{f(),requestAnimationFrame(f)}),n=window.setTimeout(f,120),r=typeof ResizeObserver<`u`?new ResizeObserver(f):null;return r?r.observe(e):typeof window<`u`&&window.addEventListener(`resize`,f),()=>{r?r.disconnect():typeof window<`u`&&window.removeEventListener(`resize`,f),cancelAnimationFrame(t),window.clearTimeout(n)}},[d,f]);let p=(0,s.jsx)(`span`,{ref:c,className:`ds-table-cell-truncate`,onMouseOverCapture:f,onFocus:f,children:d});return t?(0,s.jsx)(r.Tooltip,{title:l?void 0:null,dsSize:i,dsTitle:a,dsBody:d,mouseEnterDelay:n,trigger:`hover`,children:p}):p};function d(...e){return e.filter(Boolean).join(` `)}function f(e){if(e===!1)return!1;let{tooltip:n}=t.dsSemanticTokens,r=e&&typeof e==`object`?e:void 0;return{...r,color:r?.color??n.surface.background,arrow:r?.arrow??!0,classNames:{...r?.classNames,root:d(`ds-tooltip-overlay`,`ds-tooltip-size-normal`,r?.classNames?.root,r?.overlayClassName)},styles:{...r?.styles,container:{borderRadius:n.radius,color:n.surface.body,letterSpacing:0,minWidth:n.width.normal.min,maxWidth:n.width.normal.max,padding:n.padding.normal,...r?.styles?.container}}}}function p(e,t){return e&&e.map(e=>{let r={...e};return Array.isArray(r.children)&&r.children.length>0&&(r.children=p(r.children,t)),r.sorter&&(r.showSorterTooltip=f(r.showSorterTooltip===void 0?t:r.showSorterTooltip)),r.sorter&&!r.sortIcon&&(r.sortIcon=({sortOrder:e})=>(0,s.jsx)(`span`,{className:`ds-table-sort-icon`,"aria-hidden":`true`,children:(0,s.jsx)(n.t,{name:e===`ascend`?`arrowThickUp`:`arrowThickDown`,size:10,style:{color:`inherit`}})})),r})}function
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../theme.cjs`),n=require(`../useCustomIcon-DbSB56Pd.cjs`),r=require(`./Tooltip.cjs`),i=require(`../navigation/Pagination.cjs`);let a=require(`antd`),o=require(`react`);o=e.t(o,1);let s=require(`react/jsx-runtime`);var c=`ds-table-styles`,l=e=>typeof e==`string`||typeof e==`number`,u=({value:e,withTooltip:t,tooltipDelay:n,tooltipSize:i,tooltipTitle:a})=>{let c=o.default.useRef(null),[l,u]=o.default.useState(!1),d=String(e),f=o.default.useCallback(()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth;u(e=>e===t?e:t)},[]);o.default.useEffect(()=>{let e=c.current;if(!e)return;f();let t=requestAnimationFrame(()=>{f(),requestAnimationFrame(f)}),n=window.setTimeout(f,120),r=typeof ResizeObserver<`u`?new ResizeObserver(f):null;return r?r.observe(e):typeof window<`u`&&window.addEventListener(`resize`,f),()=>{r?r.disconnect():typeof window<`u`&&window.removeEventListener(`resize`,f),cancelAnimationFrame(t),window.clearTimeout(n)}},[d,f]);let p=(0,s.jsx)(`span`,{ref:c,className:`ds-table-cell-truncate`,onMouseOverCapture:f,onFocus:f,children:d});return t?(0,s.jsx)(r.Tooltip,{title:l?void 0:null,dsSize:i,dsTitle:a,dsBody:d,mouseEnterDelay:n,trigger:`hover`,children:p}):p};function d(...e){return e.filter(Boolean).join(` `)}function f(e){if(e===!1)return!1;let{tooltip:n}=t.dsSemanticTokens,r=e&&typeof e==`object`?e:void 0;return{...r,color:r?.color??n.surface.background,arrow:r?.arrow??!0,classNames:{...r?.classNames,root:d(`ds-tooltip-overlay`,`ds-tooltip-size-normal`,r?.classNames?.root,r?.overlayClassName)},styles:{...r?.styles,container:{borderRadius:n.radius,color:n.surface.body,letterSpacing:0,minWidth:n.width.normal.min,maxWidth:n.width.normal.max,padding:n.padding.normal,...r?.styles?.container}}}}function p(e,t){return e&&e.map(e=>{let r={...e};return Array.isArray(r.children)&&r.children.length>0&&(r.children=p(r.children,t)),r.sorter&&(r.showSorterTooltip=f(r.showSorterTooltip===void 0?t:r.showSorterTooltip)),r.sorter&&!r.sortIcon&&(r.sortIcon=({sortOrder:e})=>(0,s.jsx)(`span`,{className:`ds-table-sort-icon`,"aria-hidden":`true`,children:(0,s.jsx)(n.t,{name:e===`ascend`?`arrowThickUp`:`arrowThickDown`,size:10,style:{color:`inherit`}})})),r})}function ee(e,t,n){if(!e||t===`none`||e.length===0)return e;let r=t===`first`||t===`both`,i=t===`last`||t===`both`,a=e.length-1;return e.map((e,t)=>{let o={...e},s=r&&t===0,c=i&&t===a;return s&&(o.fixed=`left`,o.width??=n),c&&(o.fixed=`right`,o.width??=n),o})}function m(e,t,n,r,i){return e&&e.map(e=>{let a={...e};if(Array.isArray(a.children)&&a.children.length>0)return a.children=m(a.children,t,n,r,i),a;let o=a.render;return a.ellipsis==null||a.ellipsis===!0?a.ellipsis={showTitle:!1}:typeof a.ellipsis==`object`&&(a.ellipsis={...a.ellipsis,showTitle:!1}),a.render=(e,a,c)=>{let d=o?o(e,a,c):e;return l(d)?(0,s.jsx)(u,{value:d,withTooltip:t,tooltipDelay:n,tooltipSize:r,tooltipTitle:i}):!o&&l(e)?(0,s.jsx)(u,{value:e,withTooltip:t,tooltipDelay:n,tooltipSize:r,tooltipTitle:i}):d},a})}function h(e){if(typeof e?.key==`string`)return e.key;if(typeof e?.dataIndex==`string`)return e.dataIndex;if(typeof e?.dataIndex==`number`)return String(e.dataIndex)}function g(e){if(typeof e==`number`&&Number.isFinite(e))return e;if(typeof e==`string`&&e.endsWith(`px`)){let t=Number(e.slice(0,-2));return Number.isFinite(t)?t:void 0}}function _(e,t,n){let r=Math.max(t,Math.round(e));return typeof n==`number`?Math.min(n,r):r}function te(e,t,n={}){if(!e)return n;let r={...n},i=e=>{e.forEach(e=>{if(Array.isArray(e.children)&&e.children.length>0){i(e.children);return}let t=h(e);if(!t||r[t]!=null)return;let n=g(e.width);n!=null&&(r[t]=n)})};return i(e),r}function v(e){let t=e==null?``:String(e);return t?t.length*8:0}function y(e){return typeof e==`string`||typeof e==`number`?String(e):``}function ne(e,t,n){if(!e)return e;let r=t.slice(0,Math.max(0,n.sampleSize)),i=e=>{let t={...e};if(Array.isArray(t.children)&&t.children.length>0)return t.children=t.children.map(i),t;if(t.width!=null)return t;let a=h(t);if(n.enabledColumnKeys&&(!a||!n.enabledColumnKeys.has(a)))return t;let o=v(y(t.title)),s=r.reduce((e,n,r)=>{let i=b(n,t.dataIndex),a=typeof t.render==`function`?t.render(i,n,r):i,o=l(a)?v(a):v(i);return Math.max(e,o)},0);return t.width=_(Math.max(o,s)+n.cellPadding,n.minWidth,n.maxWidth),t};return e.map(i)}function re(e){if(!(e===!0||e===!1||e==null)){if(Array.isArray(e))return new Set(e.map(String));if(typeof e==`string`)return new Set(e.split(`,`).map(e=>e.trim()).filter(Boolean));if(typeof e==`object`)return new Set(Object.entries(e).filter(([,e])=>!!e).map(([e])=>e))}}function b(e,t){if(Array.isArray(t))return t.reduce((e,t)=>{if(e&&typeof e==`object`)return e[String(t)]},e);if(typeof t==`string`||typeof t==`number`)return e[String(t)]}function ie(e,t,n){if(Array.isArray(t)&&t.length>0){let r={...e},i=r;for(let e=0;e<t.length-1;e+=1){let n=String(t[e]),r=i[n],a=r&&typeof r==`object`?{...r}:{};i[n]=a,i=a}return i[String(t[t.length-1])]=n,r}return typeof t==`string`||typeof t==`number`?{...e,[String(t)]:n}:e}function ae(e,t,n){return e&&e.map(e=>{let r={...e};if(Array.isArray(r.children)&&r.children.length>0)return r.children=ae(r.children,t,n),r;let i=h(r);return!(i&&t.has(i))||r.dataIndex==null||(r.render=(e,t,i)=>{let o=b(t,r.dataIndex),c=typeof o==`number`;return(0,s.jsx)(a.Input,{className:`ds-table-edit-input`,type:c?`number`:`text`,size:`small`,value:o==null?``:String(o),onChange:e=>{let t=e.target.value,a=c?t===``?null:Number(t):t;n(i,r.dataIndex,a)}})}),r})}function oe(e,t){return e&&e.map(e=>{let n={...e};if(Array.isArray(n.children)&&n.children.length>0)return n.children=oe(n.children,t),n;let r=h(n);return!r||t.has(r)?n:null}).filter(e=>e!==null)}var se=({columns:e,visibleColumns:t,onToggle:n})=>{let r=o.default.useMemo(()=>{let t=[],n=e=>{e.forEach(e=>{if(Array.isArray(e.children)&&e.children.length>0)n(e.children);else{let n=h(e),r=e.title||(typeof e.dataIndex==`string`?e.dataIndex:`Column`);n&&t.push({key:n,label:String(r)})}})};return n(e),t},[e]);return(0,s.jsxs)(`div`,{className:`ds-table-column-visibility-control`,children:[(0,s.jsx)(`label`,{className:`ds-table-control-label`,children:`Columns:`}),(0,s.jsx)(`div`,{className:`ds-table-control-checkboxes`,children:r.map(({key:e,label:r})=>(0,s.jsxs)(`label`,{className:`ds-table-control-checkbox`,children:[(0,s.jsx)(`input`,{type:`checkbox`,checked:t.has(e),onChange:t=>n(e,t.target.checked)}),(0,s.jsx)(`span`,{children:r})]},e))})]})},ce=({width:e,minWidth:t=96,maxWidth:n,onResize:r,children:i,className:a,style:c,...l})=>{let u=o.default.useRef(0),f=o.default.useRef(0),p=o.default.useCallback(e=>{r&&r(_(e,t,n))},[n,t,r]),ee=o.default.useCallback(n=>{if(!r||typeof document>`u`)return;n.preventDefault(),n.stopPropagation(),f.current=n.clientX,u.current=e??n.currentTarget.parentElement?.getBoundingClientRect().width??t;let i=e=>{let t=e.clientX-f.current;p(u.current+t)},a=()=>{document.removeEventListener(`mousemove`,i),document.removeEventListener(`mouseup`,a),document.body.style.cursor=``,document.body.style.userSelect=``};document.body.style.cursor=`col-resize`,document.body.style.userSelect=`none`,document.addEventListener(`mousemove`,i),document.addEventListener(`mouseup`,a)},[t,r,p,e]),m=o.default.useCallback(t=>{!r||e==null||t.key!==`ArrowLeft`&&t.key!==`ArrowRight`||(t.preventDefault(),t.stopPropagation(),p(e+(t.key===`ArrowLeft`?-1:1)*(t.shiftKey?24:8)))},[r,p,e]);return(0,s.jsxs)(`th`,{...l,className:d(a,r?`ds-table-resizable-header-cell`:void 0),style:{...c,width:e},children:[i,r?(0,s.jsx)(`button`,{type:`button`,className:`ds-table-resize-handle`,"aria-label":`Resize column`,onClick:e=>e.stopPropagation(),onMouseDown:ee,onKeyDown:m}):null]})};function le(e,t,n,r,i,a){return e&&e.map(e=>{let o={...e};if(Array.isArray(o.children)&&o.children.length>0)return o.children=le(o.children,t,n,r,i,a),o;let s=h(o);if(!s)return o;let c=t[s]??g(o.width)??a,l=o.onHeaderCell;return o.width=c,o.onHeaderCell=e=>{let t=l?.(e)??{};return{...t,width:c,minWidth:r,maxWidth:i,onResize:e=>n(s,e),className:d(t.className,`ds-table-resizable-header`)}},o})}function ue(e,t){if(!e||e.length===0)return t;let n=e=>e.flatMap(e=>Array.isArray(e?.children)&&e.children.length>0?n(e.children):[g(e?.width)??t]),r=n(e);return r.length===0?t:r.reduce((e,t)=>e+t,0)}function de(){if(typeof document>`u`)return;let{table:e,checkbox:n}=t.dsSemanticTokens,r=document.getElementById(c);r||(r=document.createElement(`style`),r.id=c,document.head.appendChild(r)),r.textContent=`
|
|
2
2
|
.ds-table {
|
|
3
3
|
font-family: "Nunito", sans-serif;
|
|
4
4
|
color: ${e.text.body};
|
|
@@ -28,7 +28,7 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
|
|
|
28
28
|
display: none !important;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.ds-table .ant-table-tbody > tr > td {
|
|
31
|
+
.ds-table .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
|
|
32
32
|
color: ${e.text.body} !important;
|
|
33
33
|
font-weight: ${e.typography.body.fontWeight} !important;
|
|
34
34
|
font-size: ${e.typography.body.fontSize} !important;
|
|
@@ -162,7 +162,7 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
|
|
|
162
162
|
}
|
|
163
163
|
|
|
164
164
|
.ds-table.ds-table-size-small .ant-table-thead > tr > th,
|
|
165
|
-
.ds-table.ds-table-size-small .ant-table-tbody > tr > td {
|
|
165
|
+
.ds-table.ds-table-size-small .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
|
|
166
166
|
vertical-align: middle !important;
|
|
167
167
|
}
|
|
168
168
|
|
|
@@ -176,7 +176,7 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
|
|
|
176
176
|
border-bottom: ${e.border.headerDividerWidth} solid ${e.border.container} !important;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
.ds-table.ds-table-size-small .ant-table-tbody > tr > td {
|
|
179
|
+
.ds-table.ds-table-size-small .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
|
|
180
180
|
font-size: ${e.typography.compactBody.fontSize} !important;
|
|
181
181
|
line-height: ${e.typography.compactBody.lineHeight} !important;
|
|
182
182
|
font-weight: ${e.typography.compactBody.fontWeight} !important;
|
|
@@ -187,7 +187,7 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
|
|
|
187
187
|
padding: ${e.padding.compact.body} !important;
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
.ds-table.ds-table-size-small .ant-table-tbody > tr {
|
|
190
|
+
.ds-table.ds-table-size-small .ant-table-tbody > tr:not(.ant-table-measure-row) {
|
|
191
191
|
height: ${e.rowHeight.compact.body} !important;
|
|
192
192
|
min-height: ${e.rowHeight.compact.body} !important;
|
|
193
193
|
max-height: ${e.rowHeight.compact.body} !important;
|
|
@@ -205,7 +205,7 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
|
|
|
205
205
|
}
|
|
206
206
|
|
|
207
207
|
.ds-table.ds-table-size-middle .ant-table-thead > tr > th,
|
|
208
|
-
.ds-table.ds-table-size-middle .ant-table-tbody > tr > td {
|
|
208
|
+
.ds-table.ds-table-size-middle .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
|
|
209
209
|
padding: 0 16px !important;
|
|
210
210
|
vertical-align: middle !important;
|
|
211
211
|
}
|
|
@@ -218,7 +218,7 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
|
|
|
218
218
|
font-weight: ${e.typography.header.fontWeight} !important;
|
|
219
219
|
}
|
|
220
220
|
|
|
221
|
-
.ds-table.ds-table-size-middle .ant-table-tbody > tr > td {
|
|
221
|
+
.ds-table.ds-table-size-middle .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
|
|
222
222
|
font-size: ${e.typography.body.fontSize} !important;
|
|
223
223
|
line-height: ${e.typography.body.lineHeight} !important;
|
|
224
224
|
letter-spacing: ${e.typography.body.letterSpacing} !important;
|
|
@@ -226,7 +226,7 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
|
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
.ds-table.ds-table-size-large .ant-table-thead > tr > th,
|
|
229
|
-
.ds-table.ds-table-size-large .ant-table-tbody > tr > td {
|
|
229
|
+
.ds-table.ds-table-size-large .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
|
|
230
230
|
padding: 0 16px !important;
|
|
231
231
|
vertical-align: middle !important;
|
|
232
232
|
}
|
|
@@ -239,7 +239,7 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
|
|
|
239
239
|
font-weight: 600 !important;
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
.ds-table.ds-table-size-large .ant-table-tbody > tr > td {
|
|
242
|
+
.ds-table.ds-table-size-large .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
|
|
243
243
|
font-size: 16px !important;
|
|
244
244
|
line-height: 20px !important;
|
|
245
245
|
letter-spacing: -0.016px !important;
|
|
@@ -506,5 +506,5 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
|
|
|
506
506
|
.ds-table.ds-table-styleB.ds-table-header-white .ant-table-thead > tr > th {
|
|
507
507
|
background: ${e.surface.headerWhite} !important;
|
|
508
508
|
}
|
|
509
|
-
`}var
|
|
509
|
+
`}var x=({dsStyle:e=`styleA`,dsHeaderVariant:t=`default`,dsFrozenColumns:n=`none`,dsFrozenBreakpoint:c=768,dsFrozenColumnWidth:l=180,dsTruncateCellText:u=!1,dsTruncateTooltip:d=!0,dsTruncateTooltipDelay:g=.25,dsTruncateTooltipSize:v=`normal`,dsTruncateTooltipTitle:y=`Title Heading`,dsEditableColumns:b=[],dsOnEditableDataChange:x,dsCustomizable:fe=!1,dsVisibleColumns:S,dsOnVisibleColumnsChange:pe,dsFixedBodyHeight:me=320,dsResizableColumns:he=!1,dsColumnWidths:C,dsOnColumnWidthsChange:ge,dsResizableColumnMinWidth:w=96,dsResizableColumnMaxWidth:T,dsResizableDefaultColumnWidth:E=180,dsResponsive:D=!0,dsResponsiveMinColumnWidth:_e=160,dsDensity:ve=`comfortable`,dsStickyHeader:ye=!1,dsStickyOffsetHeader:be=0,dsRowsPerPageOptions:O,dsAutoSizeColumns:k=!1,dsAutoSizeMinWidth:xe=96,dsAutoSizeMaxWidth:A=520,dsAutoSizeSampleSize:Se=50,dsAutoSizeCellPadding:Ce=32,size:we,className:Te,columns:j,dataSource:M,pagination:N,...Ee})=>{let[De,Oe]=o.default.useState(!1),[P,ke]=o.default.useState(Array.isArray(M)?M:[]),[F,Ae]=o.default.useState(()=>Array.isArray(S)?new Set(S.map(String)):j&&Array.isArray(j)?new Set(j.map(e=>h(e)).filter(e=>!!e)):new Set),[je,I]=o.default.useState(()=>C??te(j,E));(0,o.useEffect)(()=>{de(),r.ensureTooltipStyles()},[]),(0,o.useEffect)(()=>{if(typeof window>`u`)return;let e=()=>{Oe(window.innerWidth<=c)};return e(),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[c]),(0,o.useEffect)(()=>{e===`styleAEditable`&&ke(Array.isArray(M)?M:[])},[M,e]);let{scroll:L,tableLayout:Me,showSorterTooltip:R,components:z,sticky:Ne,...Pe}=Ee,B=n!==`none`&&De,V=e===`styleAEditable`,H=e===`styleACustomizable`&&fe,U=e===`styleAFixedHeaderFooter`,W=e===`styleAResizable`||he,G=N&&typeof N==`object`?N:void 0,K=o.default.useMemo(()=>!G||!O||O.length===0?G:{...G,pageSizeOptions:G.pageSizeOptions??O,showSizeChanger:G.showSizeChanger??!0},[O,G]),Fe=we??(ve===`compact`?`small`:`middle`),[Ie,Le]=o.default.useState(G?.defaultCurrent??1),[Re,ze]=o.default.useState(G?.defaultPageSize??G?.pageSize??10);(0,o.useEffect)(()=>{H&&Array.isArray(S)&&Ae(new Set(S.map(String)))},[S,H]),(0,o.useEffect)(()=>{if(W){if(C){I(C);return}I(e=>te(j,E,e))}},[j,C,E,W]);let Be=o.default.useCallback((e,t)=>{Ae(n=>{let r=new Set(n);t?r.add(e):r.delete(e);let i=Array.from(r);return pe?.(i),r})},[pe]),Ve=o.default.useMemo(()=>Array.isArray(b)?b.map(String):typeof b==`string`?b.split(`,`).map(e=>e.trim()).filter(Boolean):b&&typeof b==`object`?Object.entries(b).filter(([,e])=>!!e).map(([e])=>e):[],[b]),He=o.default.useCallback((e,t,n)=>{ke(r=>{if(!Array.isArray(r)||!r[e])return r;let i=[...r],a=i[e];return i[e]=ie(a,t,n),x?.(i),i})},[x]),Ue=o.default.useCallback((e,t)=>{let n=_(t,w,T);I(t=>{let r={...t,[e]:n};return ge?.(r),r})},[ge,T,w]),q=o.default.useMemo(()=>{let e=p(j,R),t=B?ee(e,n,l):e,r=H?oe(t,F):t,i=new Set(Ve),a=V?ae(r,i,He):r,o=V?P:Array.isArray(M)?M:[],s=re(k),c=k===!0||s?.size?ne(a,o,{minWidth:xe,maxWidth:A,sampleSize:Se,cellPadding:Ce,enabledColumnKeys:s}):a,f=W?le(c,je,Ue,w,T,E):c;return!u||V?f:m(f,d,g,v,y)},[j,R,l,n,u,d,g,v,y,Ve,He,W,je,Ue,w,T,E,k,xe,A,Se,Ce,B,V,P,M,F,H,Be]),J=o.default.useMemo(()=>ue(q,_e),[q,_e]),Y=o.default.useCallback(e=>D?!e||typeof e!=`object`?{x:J}:{...e,x:e.x??J}:e,[D,J]),We=o.default.useMemo(()=>{if(U){let e=L&&typeof L==`object`?L:{};return Y({...e,y:e.y??me})}return Y(L)},[L,Y,me,B,U,W]),Ge=V||W||D?Me??`fixed`:Me,Ke=Ne??(ye?{offsetHeader:be}:void 0),qe=o.default.useMemo(()=>W?{...z,header:{...z?.header,cell:ce}}:z,[z,W]),Je=K?.total??(Array.isArray(M)?M.length:0),X=K?.current??Ie,Z=K?.pageSize??Re,Ye=o.default.useMemo(()=>{let e=V?P:M;if(!U||!Array.isArray(e)||K?.total!=null&&K.total>e.length)return e;let t=(X-1)*Z;return e.slice(t,t+Z)},[M,P,X,Z,K?.total,V,U]),Xe={...K,current:X,pageSize:Z,total:Je,showSizeChanger:K?.showSizeChanger??!1,onChange:(e,t)=>{Le(e),ze(t),K?.onChange?.(e,t)},onShowSizeChange:(e,t)=>{Le(e),ze(t),K?.onShowSizeChange?.(e,t)}},Q=[`ds-table`,`ds-table-${e}`,`ds-table-size-${Fe}`,D?`ds-table-responsive`:``,t===`white`?`ds-table-header-white`:``,Te||``].filter(Boolean).join(` `),$=(0,s.jsx)(a.Table,{...Pe,columns:q,dataSource:Ye,pagination:U?!1:K??N,scroll:We,tableLayout:Ge,components:qe,size:Fe,className:Q,sticky:Ke,showSorterTooltip:f(R)});return U?(0,s.jsxs)(`div`,{className:`${Q} ds-table-fixed-frame`,children:[$,(0,s.jsx)(`div`,{className:`ds-table-fixed-footer`,children:(0,s.jsx)(i.Pagination,{...Xe})})]}):H?(0,s.jsxs)(`div`,{className:Q,children:[(0,s.jsx)(se,{columns:j,visibleColumns:F,onToggle:Be}),$]}):$};exports.Table=x,exports.default=x;
|
|
510
510
|
//# sourceMappingURL=Table.cjs.map
|