npm - @mattermost/compass-ui - Versions diffs - 0.1.0-alpha.4 → 0.1.0-alpha.6 - Mend

@mattermost/compass-ui 0.1.0-alpha.4 → 0.1.0-alpha.6

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

package/dist/components/combobox/Combobox.module.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_combobox_1u0w0_2~~{position:relative;display:flex;flex-direction:column;width:100%}.~~_combobox__wrapper_1u0w0_8~~{position:relative;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:text}.~~_combobox_1u0w0_2~~:not(._combobox--~~disabled_1u0w0_16~~):hover:not(:focus-within) .~~_combobox__wrapper_1u0w0_8~~{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}.~~_combobox_1u0w0_2~~:focus-within .~~_combobox__wrapper_1u0w0_8~~{box-shadow:inset 0 0 0 1px var(--~~button~~-bg),0 0 0 1px var(--~~button~~-bg)}._combobox--~~disabled_1u0w0_16~~ .~~_combobox__wrapper_1u0w0_8~~{opacity:.56;cursor:not-allowed}.~~_combobox__label_1u0w0_26~~{position:absolute;left:var(--spacing-xs);top:50%;z-index:1;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._combobox--label-~~floated_1u0w0_47~~ .~~_combobox__label_1u0w0_26~~{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}.~~_combobox_1u0w0_2~~:focus-within .~~_combobox__label_1u0w0_26~~{color:var(--button-bg)}.~~_combobox__inner_1u0w0_56~~{display:flex;align-items:center;position:relative;gap:var(--spacing-xs);width:100%;box-sizing:border-box}.~~_combobox__leadingIcon_1u0w0_64~~{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none}.~~_combobox__value_1u0w0_72~~{display:flex;flex:1 1 0;flex-wrap:wrap;align-items:center;align-self:stretch;gap:var(--spacing-xxs);min-width:0;margin:-1px 0}.~~_combobox__control_1u0w0_82~~{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}.~~_combobox__control_1u0w0_82~~::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}.~~_combobox__control_1u0w0_82~~:focus{outline:none}.~~_combobox__control_1u0w0_82~~:disabled{cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.64)}.~~_combobox__trailingIcon_1u0w0_107~~{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none;margin-right:var(--spacing-xxxs);transition:transform var(--duration-quick) var(--ease-transition)}._combobox--~~open_1u0w0_117~~ .~~_combobox__trailingIcon_1u0w0_107~~{transform:rotate(180deg)}.~~_combobox__popup_1u0w0_120~~{opacity:0;transform:scale(.9);transform-origin:top center;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit);pointer-events:none}._combobox__popup--~~above_1u0w0_127~~{transform-origin:bottom center}._combobox__popup--~~visible_1u0w0_130~~{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}.~~_combobox__menu_1u0w0_136~~{width:100%;min-width:100%;max-width:none}.~~_combobox__empty_1u0w0_141~~{margin:0;padding:var(--spacing-s) var(--spacing-l);font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}.~~_combobox__list_1u0w0_149~~{margin:0;padding:0;list-style:none}.~~_combobox__option_1u0w0_154~~{display:block;width:100%}._combobox--size-~~small_1u0w0_158~~ .~~_combobox__wrapper_1u0w0_8~~{min-height:32px}._combobox--size-~~small_1u0w0_158~~ .~~_combobox__inner_1u0w0_56~~{padding:var(--spacing-xs) var(--spacing-m);gap:var(--spacing-xs)}._combobox--size-~~small_1u0w0_158~~._combobox--has-~~chips_1u0w0_165~~ .~~_combobox__inner_1u0w0_56~~{padding-block:var(--spacing-xxs)}._combobox--size-~~small_1u0w0_158~~ .~~_combobox__control_1u0w0_82~~{font-size:var(--font-size-75);line-height:var(--line-height-75)}._combobox--size-~~small_1u0w0_158~~ .~~_combobox__trailingIcon_1u0w0_107~~ svg{width:var(--icon-size-12);height:var(--icon-size-12)}._combobox--size-~~small_1u0w0_158~~._combobox--label-~~floated_1u0w0_47~~ .~~_combobox__label_1u0w0_26~~{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-~~medium_1u0w0_182~~ .~~_combobox__wrapper_1u0w0_8~~{min-height:40px}._combobox--size-~~medium_1u0w0_182~~ .~~_combobox__inner_1u0w0_56~~{padding:var(--spacing-s) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-~~medium_1u0w0_182~~._combobox--has-~~chips_1u0w0_165~~ .~~_combobox__inner_1u0w0_56~~{padding-block:var(--spacing-xs)}._combobox--size-~~medium_1u0w0_182~~ .~~_combobox__control_1u0w0_82~~{font-size:var(--font-size-100);line-height:var(--line-height-100)}._combobox--size-~~medium_1u0w0_182~~ .~~_combobox__label_1u0w0_26~~{font-size:var(--font-size-100);left:var(--spacing-m)}._combobox--size-~~medium_1u0w0_182~~ .~~_combobox__trailingIcon_1u0w0_107~~ svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-~~medium_1u0w0_182~~._combobox--label-~~floated_1u0w0_47~~ .~~_combobox__label_1u0w0_26~~{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-~~large_1u0w0_210~~ .~~_combobox__wrapper_1u0w0_8~~{min-height:48px}._combobox--size-~~large_1u0w0_210~~ .~~_combobox__inner_1u0w0_56~~{padding:var(--spacing-m) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-~~large_1u0w0_210~~._combobox--has-~~chips_1u0w0_165~~ .~~_combobox__inner_1u0w0_56~~{padding-block:var(--spacing-xs)}._combobox--size-~~large_1u0w0_210~~ .~~_combobox__control_1u0w0_82~~{font-size:var(--font-size-200);line-height:var(--line-height-200)}._combobox--size-~~large_1u0w0_210~~ .~~_combobox__label_1u0w0_26~~{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._combobox--size-~~large_1u0w0_210~~ .~~_combobox__trailingIcon_1u0w0_107~~ svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-~~large_1u0w0_210~~._combobox--label-~~floated_1u0w0_47~~ .~~_combobox__label_1u0w0_26~~{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--~~invalid_1u0w0_239~~ .~~_combobox__wrapper_1u0w0_8~~{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._combobox--~~invalid_1u0w0_239~~:focus-within .~~_combobox__wrapper_1u0w0_8~~{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 ~~1px~~ var(--error-text, var(--color-danger))}._combobox--~~invalid_1u0w0_239~~ .~~_combobox__label_1u0w0_26~~{color:var(--error-text, var(--color-danger))}._combobox--~~invalid_1u0w0_239~~:focus-within .~~_combobox__label_1u0w0_26~~{color:var(--error-text, var(--color-danger))}._combobox--has-leading-~~icon_1u0w0_251~~ .~~_combobox__label_1u0w0_26~~{left:32px}._combobox--has-leading-~~icon_1u0w0_251~~._combobox--label-~~floated_1u0w0_47~~ .~~_combobox__label_1u0w0_26~~{left:var(--spacing-xs)}._combobox--has-leading-~~icon_1u0w0_251~~._combobox--size-~~medium_1u0w0_182~~ .~~_combobox__label_1u0w0_26~~,._combobox--has-leading-~~icon_1u0w0_251~~._combobox--size-~~large_1u0w0_210~~ .~~_combobox__label_1u0w0_26~~{left:38px}._combobox--has-leading-~~icon_1u0w0_251~~._combobox--size-~~medium_1u0w0_182~~._combobox--label-~~floated_1u0w0_47~~ .~~_combobox__label_1u0w0_26~~,._combobox--has-leading-~~icon_1u0w0_251~~._combobox--size-~~large_1u0w0_210~~._combobox--label-~~floated_1u0w0_47~~ .~~_combobox__label_1u0w0_26~~{left:var(--spacing-m)}.~~_combobox_1u0w0_2~~:has(.~~_combobox__label_1u0w0_26~~):not(._combobox--label-~~floated_1u0w0_47~~) .~~_combobox__control_1u0w0_82~~{color:transparent}.~~_combobox_1u0w0_2~~:has(.~~_combobox__label_1u0w0_26~~):not(._combobox--label-~~floated_1u0w0_47~~) .~~_combobox__control_1u0w0_82~~::placeholder{color:transparent}
1	+ ._combobox_z7qkn_2{position:relative;display:flex;flex-direction:column;width:100%}._combobox__wrapper_z7qkn_8{position:relative;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:text}._combobox_z7qkn_2:not(._combobox--disabled_z7qkn_16):hover:not(:focus-within) ._combobox__wrapper_z7qkn_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._combobox_z7qkn_2:focus-within ._combobox__wrapper_z7qkn_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._combobox--disabled_z7qkn_16 ._combobox__wrapper_z7qkn_8{opacity:.56;cursor:not-allowed}._combobox__label_z7qkn_26{position:absolute;left:var(--spacing-xs);top:50%;z-index:1;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._combobox--label-floated_z7qkn_47 ._combobox__label_z7qkn_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox_z7qkn_2:focus-within ._combobox__label_z7qkn_26{color:var(--button-bg)}._combobox__inner_z7qkn_56{display:flex;align-items:center;position:relative;gap:var(--spacing-xs);width:100%;box-sizing:border-box}._combobox__leading-icon_z7qkn_64{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none}._combobox__value_z7qkn_72{display:flex;flex:1 1 0;flex-wrap:wrap;align-items:center;align-self:stretch;gap:var(--spacing-xxs);min-width:0;margin:-1px 0}._combobox__control_z7qkn_82{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._combobox__control_z7qkn_82::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._combobox__control_z7qkn_82:focus{outline:none}._combobox__control_z7qkn_82:disabled{cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.64)}._combobox__trailing-icon_z7qkn_107{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none;margin-right:var(--spacing-xxxs);transition:transform var(--duration-quick) var(--ease-transition)}._combobox--open_z7qkn_117 ._combobox__trailing-icon_z7qkn_107{transform:rotate(180deg)}._combobox__popup_z7qkn_120{opacity:0;transform:scale(.9);transform-origin:top center;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit);pointer-events:none}._combobox__popup--above_z7qkn_127{transform-origin:bottom center}._combobox__popup--visible_z7qkn_130{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._combobox__menu_z7qkn_136{width:100%;min-width:100%;max-width:none}._combobox__empty_z7qkn_141{margin:0;padding:var(--spacing-s) var(--spacing-l);font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._combobox__list_z7qkn_149{margin:0;padding:0;list-style:none}._combobox__option_z7qkn_154{display:block;width:100%}._combobox--size-small_z7qkn_158 ._combobox__wrapper_z7qkn_8{min-height:32px}._combobox--size-small_z7qkn_158 ._combobox__inner_z7qkn_56{padding:var(--spacing-xs) var(--spacing-m);gap:var(--spacing-xs)}._combobox--size-small_z7qkn_158._combobox--has-chips_z7qkn_165 ._combobox__inner_z7qkn_56{padding-block:var(--spacing-xxs)}._combobox--size-small_z7qkn_158 ._combobox__control_z7qkn_82{font-size:var(--font-size-75);line-height:var(--line-height-75)}._combobox--size-small_z7qkn_158 ._combobox__trailing-icon_z7qkn_107 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._combobox--size-small_z7qkn_158._combobox--label-floated_z7qkn_47 ._combobox__label_z7qkn_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-medium_z7qkn_182 ._combobox__wrapper_z7qkn_8{min-height:40px}._combobox--size-medium_z7qkn_182 ._combobox__inner_z7qkn_56{padding:var(--spacing-s) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-medium_z7qkn_182._combobox--has-chips_z7qkn_165 ._combobox__inner_z7qkn_56{padding-block:var(--spacing-xs)}._combobox--size-medium_z7qkn_182 ._combobox__control_z7qkn_82{font-size:var(--font-size-100);line-height:var(--line-height-100)}._combobox--size-medium_z7qkn_182 ._combobox__label_z7qkn_26{font-size:var(--font-size-100);left:var(--spacing-m)}._combobox--size-medium_z7qkn_182 ._combobox__trailing-icon_z7qkn_107 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-medium_z7qkn_182._combobox--label-floated_z7qkn_47 ._combobox__label_z7qkn_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-large_z7qkn_210 ._combobox__wrapper_z7qkn_8{min-height:48px}._combobox--size-large_z7qkn_210 ._combobox__inner_z7qkn_56{padding:var(--spacing-m) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-large_z7qkn_210._combobox--has-chips_z7qkn_165 ._combobox__inner_z7qkn_56{padding-block:var(--spacing-xs)}._combobox--size-large_z7qkn_210 ._combobox__control_z7qkn_82{font-size:var(--font-size-200);line-height:var(--line-height-200)}._combobox--size-large_z7qkn_210 ._combobox__label_z7qkn_26{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._combobox--size-large_z7qkn_210 ._combobox__trailing-icon_z7qkn_107 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-large_z7qkn_210._combobox--label-floated_z7qkn_47 ._combobox__label_z7qkn_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--invalid_z7qkn_239 ._combobox__wrapper_z7qkn_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._combobox--invalid_z7qkn_239:focus-within ._combobox__wrapper_z7qkn_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 2px var(--error-text, var(--color-danger))}._combobox--invalid_z7qkn_239 ._combobox__label_z7qkn_26{color:var(--error-text, var(--color-danger))}._combobox--invalid_z7qkn_239:focus-within ._combobox__label_z7qkn_26{color:var(--error-text, var(--color-danger))}._combobox--has-leading-icon_z7qkn_251 ._combobox__label_z7qkn_26{left:32px}._combobox--has-leading-icon_z7qkn_251._combobox--label-floated_z7qkn_47 ._combobox__label_z7qkn_26{left:var(--spacing-xs)}._combobox--has-leading-icon_z7qkn_251._combobox--size-medium_z7qkn_182 ._combobox__label_z7qkn_26,._combobox--has-leading-icon_z7qkn_251._combobox--size-large_z7qkn_210 ._combobox__label_z7qkn_26{left:38px}._combobox--has-leading-icon_z7qkn_251._combobox--size-medium_z7qkn_182._combobox--label-floated_z7qkn_47 ._combobox__label_z7qkn_26,._combobox--has-leading-icon_z7qkn_251._combobox--size-large_z7qkn_210._combobox--label-floated_z7qkn_47 ._combobox__label_z7qkn_26{left:var(--spacing-m)}._combobox_z7qkn_2:has(._combobox__label_z7qkn_26):not(._combobox--label-floated_z7qkn_47) ._combobox__control_z7qkn_82{color:transparent}._combobox_z7qkn_2:has(._combobox__label_z7qkn_26):not(._combobox--label-floated_z7qkn_47) ._combobox__control_z7qkn_82::placeholder{color:transparent}

package/dist/components/combobox/Combobox.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Combobox.module.css');const o="_combobox_1u0w0_2",_="_combobox__wrapper_1u0w0_8",b="_combobox__label_1u0w0_26",c="_combobox__inner_1u0w0_56",m="_combobox__leadingIcon_1u0w0_64",x="_combobox__value_1u0w0_72",e="_combobox__control_1u0w0_82",n="_combobox__trailingIcon_1u0w0_107",l="_combobox__popup_1u0w0_120",i="_combobox__menu_1u0w0_136",u="_combobox__empty_1u0w0_141",p="_combobox__list_1u0w0_149",t="_combobox__option_1u0w0_154",a={combobox:o,combobox__wrapper:_,"combobox--disabled":"_combobox--disabled_1u0w0_16",combobox__label:b,"combobox--label-floated":"_combobox--label-floated_1u0w0_47",combobox__inner:c,combobox__leadingIcon:m,combobox__value:x,combobox__control:e,combobox__trailingIcon:n,"combobox--open":"_combobox--open_1u0w0_117",combobox__popup:l,"combobox__popup--above":"_combobox__popup--above_1u0w0_127","combobox__popup--visible":"_combobox__popup--visible_1u0w0_130",combobox__menu:i,combobox__empty:u,combobox__list:p,combobox__option:t,"combobox--size-small":"_combobox--size-small_1u0w0_158","combobox--has-chips":"_combobox--has-chips_1u0w0_165","combobox--size-medium":"_combobox--size-medium_1u0w0_182","combobox--size-large":"_combobox--size-large_1u0w0_210","combobox--invalid":"_combobox--invalid_1u0w0_239","combobox--has-leading-icon":"_combobox--has-leading-icon_1u0w0_251"};exports.combobox=o;exports.combobox__control=e;exports.combobox__empty=u;exports.combobox__inner=c;exports.combobox__label=b;exports.combobox__leadingIcon=m;exports.combobox__list=p;exports.combobox__menu=i;exports.combobox__option=t;exports.combobox__popup=l;exports.combobox__trailingIcon=n;exports.combobox__value=x;exports.combobox__wrapper=_;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Combobox.module.css');const o="_combobox_z7qkn_2",_="_combobox__wrapper_z7qkn_8",b="_combobox__label_z7qkn_26",c="_combobox__inner_z7qkn_56",m="_combobox__value_z7qkn_72",n="_combobox__control_z7qkn_82",x="_combobox__popup_z7qkn_120",e="_combobox__menu_z7qkn_136",l="_combobox__empty_z7qkn_141",i="_combobox__list_z7qkn_149",p="_combobox__option_z7qkn_154",t={combobox:o,combobox__wrapper:_,"combobox--disabled":"_combobox--disabled_z7qkn_16",combobox__label:b,"combobox--label-floated":"_combobox--label-floated_z7qkn_47",combobox__inner:c,"combobox__leading-icon":"_combobox__leading-icon_z7qkn_64",combobox__value:m,combobox__control:n,"combobox__trailing-icon":"_combobox__trailing-icon_z7qkn_107","combobox--open":"_combobox--open_z7qkn_117",combobox__popup:x,"combobox__popup--above":"_combobox__popup--above_z7qkn_127","combobox__popup--visible":"_combobox__popup--visible_z7qkn_130",combobox__menu:e,combobox__empty:l,combobox__list:i,combobox__option:p,"combobox--size-small":"_combobox--size-small_z7qkn_158","combobox--has-chips":"_combobox--has-chips_z7qkn_165","combobox--size-medium":"_combobox--size-medium_z7qkn_182","combobox--size-large":"_combobox--size-large_z7qkn_210","combobox--invalid":"_combobox--invalid_z7qkn_239","combobox--has-leading-icon":"_combobox--has-leading-icon_z7qkn_251"};exports.combobox=o;exports.combobox__control=n;exports.combobox__empty=l;exports.combobox__inner=c;exports.combobox__label=b;exports.combobox__list=i;exports.combobox__menu=e;exports.combobox__option=p;exports.combobox__popup=x;exports.combobox__value=m;exports.combobox__wrapper=_;exports.default=t;
 //# sourceMappingURL=Combobox.module.scss.cjs.map

package/dist/components/combobox/Combobox.module.scss.js CHANGED Viewed

@@ -1,43 +1,41 @@
-import './Combobox.module.css';const o = "_combobox_1u0w0_2", _ = "_combobox__wrapper_1u0w0_8", b = "_combobox__label_1u0w0_26", c = "_combobox__inner_1u0w0_56", m = "_combobox__leadingIcon_1u0w0_64", x = "_combobox__value_1u0w0_72", n = "_combobox__control_1u0w0_82", e = "_combobox__trailingIcon_1u0w0_107", l = "_combobox__popup_1u0w0_120", i = "_combobox__menu_1u0w0_136", u = "_combobox__empty_1u0w0_141", p = "_combobox__list_1u0w0_149", s = "_combobox__option_1u0w0_154", a = {
+import './Combobox.module.css';const o = "_combobox_z7qkn_2", _ = "_combobox__wrapper_z7qkn_8", b = "_combobox__label_z7qkn_26", c = "_combobox__inner_z7qkn_56", m = "_combobox__value_z7qkn_72", n = "_combobox__control_z7qkn_82", x = "_combobox__popup_z7qkn_120", e = "_combobox__menu_z7qkn_136", i = "_combobox__empty_z7qkn_141", l = "_combobox__list_z7qkn_149", p = "_combobox__option_z7qkn_154", s = {
   combobox: o,
   combobox__wrapper: _,
-  "combobox--disabled": "_combobox--disabled_1u0w0_16",
+  "combobox--disabled": "_combobox--disabled_z7qkn_16",
   combobox__label: b,
-  "combobox--label-floated": "_combobox--label-floated_1u0w0_47",
+  "combobox--label-floated": "_combobox--label-floated_z7qkn_47",
   combobox__inner: c,
-  combobox__leadingIcon: m,
-  combobox__value: x,
+  "combobox__leading-icon": "_combobox__leading-icon_z7qkn_64",
+  combobox__value: m,
   combobox__control: n,
-  combobox__trailingIcon: e,
-  "combobox--open": "_combobox--open_1u0w0_117",
-  combobox__popup: l,
-  "combobox__popup--above": "_combobox__popup--above_1u0w0_127",
-  "combobox__popup--visible": "_combobox__popup--visible_1u0w0_130",
-  combobox__menu: i,
-  combobox__empty: u,
-  combobox__list: p,
-  combobox__option: s,
-  "combobox--size-small": "_combobox--size-small_1u0w0_158",
-  "combobox--has-chips": "_combobox--has-chips_1u0w0_165",
-  "combobox--size-medium": "_combobox--size-medium_1u0w0_182",
-  "combobox--size-large": "_combobox--size-large_1u0w0_210",
-  "combobox--invalid": "_combobox--invalid_1u0w0_239",
-  "combobox--has-leading-icon": "_combobox--has-leading-icon_1u0w0_251"
+  "combobox__trailing-icon": "_combobox__trailing-icon_z7qkn_107",
+  "combobox--open": "_combobox--open_z7qkn_117",
+  combobox__popup: x,
+  "combobox__popup--above": "_combobox__popup--above_z7qkn_127",
+  "combobox__popup--visible": "_combobox__popup--visible_z7qkn_130",
+  combobox__menu: e,
+  combobox__empty: i,
+  combobox__list: l,
+  combobox__option: p,
+  "combobox--size-small": "_combobox--size-small_z7qkn_158",
+  "combobox--has-chips": "_combobox--has-chips_z7qkn_165",
+  "combobox--size-medium": "_combobox--size-medium_z7qkn_182",
+  "combobox--size-large": "_combobox--size-large_z7qkn_210",
+  "combobox--invalid": "_combobox--invalid_z7qkn_239",
+  "combobox--has-leading-icon": "_combobox--has-leading-icon_z7qkn_251"
 };
 export {
   o as combobox,
   n as combobox__control,
-  u as combobox__empty,
+  i as combobox__empty,
   c as combobox__inner,
   b as combobox__label,
-  m as combobox__leadingIcon,
-  p as combobox__list,
-  i as combobox__menu,
-  s as combobox__option,
-  l as combobox__popup,
-  e as combobox__trailingIcon,
-  x as combobox__value,
+  l as combobox__list,
+  e as combobox__menu,
+  p as combobox__option,
+  x as combobox__popup,
+  m as combobox__value,
   _ as combobox__wrapper,
-  a as default
+  s as default
 };
 //# sourceMappingURL=Combobox.module.scss.js.map

package/dist/components/date-range-picker/DateRangePicker.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),s=require("react"),Me=require("../button/Button.cjs"),M=require("../icon-button/IconButton.cjs"),C=require("../icon/Icon.cjs"),__oe=require("@mattermost/compass-icons/components/calendar-outline.js"),oe=__oe?.default??__oe,__Ae=require("@mattermost/compass-icons/components/chevron-down.js"),Ae=__Ae?.default??__Ae,__qe=require("@mattermost/compass-icons/components/chevron-left.js"),qe=__qe?.default??__qe,__Te=require("@mattermost/compass-icons/components/chevron-right.js"),Te=__Te?.default??__Te,Be=require("../../hooks/use-anchored-popup-portal.cjs"),Fe=require("../../hooks/use-outside-close.cjs"),Oe=require("../../hooks/use-popover-transition.cjs"),o=require("./DateRangePicker.module.scss.cjs"),$e=360,ze=["Su","Mo","Tu","We","Th","Fr","Sa"],le=["January","February","March","April","May","June","July","August","September","October","November","December"];function V(i){if(!i)return"";const[n,p,v]=i.split("-");return`${p}/${v}/${n}`}function W(i,n,p){return`${i}-${String(n+1).padStart(2,"0")}-${String(p).padStart(2,"0")}`}function J(i,n){return new Date(i,n+1,0).getDate()}function Le(i,n){return new Date(i,n,1).getDay()}function Z(i,n){return i===n}function Ye(i,n,p){if(!n||!p)return!1;const[v,b]=n<p?[n,p]:[p,n];return i>v&&i<b}function A(i,n,p){if(!i)return null;const[v,b,x]=i.split("-").map(Number);return v===n&&b===p+1?x:null}function Ke({className:i="",mode:n="date",value:p,startDate:v,endDate:b,onChange:x,onRangeChange:q,disabled:_,id:ce,portalContainer:ie=null,zIndex:ue}){const de=s.useId(),G=ce??de,Q=`${G}-popover`,T=s.useRef(null),B=s.useRef(null),F=s.useRef(null),P=new Date,O=W(P.getFullYear(),P.getMonth(),P.getDate()),[c,I]=s.useState(P.getFullYear()),[l,w]=s.useState(P.getMonth()),[u,$]=s.useState(!1),[z,D]=s.useState(1),[fe,pe]=s.useState(""),[ge,X]=s.useState(""),[he,ee]=s.useState(""),j=p??fe,d=v??ge,h=b??he,ke=n==="date"?!!j:!!d,{mounted:L,visible:Y}=Oe.usePopoverTransition(u),{placement:me,style:ye,portalRef:N,renderPortal:ve}=Be.useAnchoredPopupPortal(B,L,{preferredHeight:$e,portalContainer:ie,zIndex:ue,matchWidth:!1}),k=s.useCallback((e=!0)=>{var t;$(!1),e&&((t=B.current)==null||t.focus())},[]);Fe.useOutsideClose(T,u,()=>k(!0),N),s.useEffect(()=>{if(!u)return;function e(t){t.key==="Escape"&&(t.preventDefault(),k(!0))}return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[u,k]),s.useEffect(()=>{if(!u)return;function e(t){var f,g;const r=t.target;r&&((f=T.current)!=null&&f.contains(r)||(g=N.current)!=null&&g.contains(r)||k(!1))}return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)},[u,k,N]);const y=J(c,l),_e=s.useCallback(()=>{if(n==="date"){const t=A(j,c,l);if(t)return t}else{const t=A(h,c,l);if(t)return t;const r=A(d,c,l);if(r)return r}const e=A(O,c,l);return e||1},[n,j,d,h,c,l,O]);s.useEffect(()=>{if(!u||!Y)return;const e=_e();D(e);const t=requestAnimationFrame(()=>{var r,f;(f=(r=F.current)==null?void 0:r.querySelector(`[data-day="${e}"]`))==null||f.focus()});return()=>cancelAnimationFrame(t)},[u,Y]);const m=s.useCallback(e=>{D(e),requestAnimationFrame(()=>{var t,r;(r=(t=F.current)==null?void 0:t.querySelector(`[data-day="${e}"]`))==null||r.focus()})},[]),K=s.useCallback(()=>{_||$(e=>!e)},[_]),De=s.useCallback(()=>{w(e=>e===0?(I(t=>t-1),11):e-1)},[]),Re=s.useCallback(()=>{w(e=>e===11?(I(t=>t+1),0):e+1)},[]),R=s.useCallback((e,t)=>{const r=e===-1?l===0?11:l-1:l===11?0:l+1,f=e===-1?l===0?c-1:c:l===11?c+1:c,g=J(f,r);I(f),w(r),m(Math.min(t,g))},[l,c,m]),be=s.useCallback(()=>{const e=new Date;I(e.getFullYear()),w(e.getMonth()),m(e.getDate())},[m]),H=s.useCallback((e,t)=>{if(n==="date")x?x(e):pe(e),k(!0);else if(!d||d&&h)X(e),ee(""),D(t);else{const[r,f]=e>=d?[d,e]:[e,d];q?q(r,f):(X(r),ee(f)),k(!0)}},[n,d,h,x,q,k]),S=s.useCallback(e=>{const t=z+e;if(t>=1&&t<=y){m(t);return}t<1?R(-1,J(l===0?c-1:c,l===0?11:l-1)+t):R(1,t-y)},[z,y,l,c,m,R]),xe=s.useCallback((e,t)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),S(-1);break;case"ArrowRight":e.preventDefault(),S(1);break;case"ArrowUp":e.preventDefault(),S(-7);break;case"ArrowDown":e.preventDefault(),S(7);break;case"Home":e.preventDefault(),m(1);break;case"End":e.preventDefault(),m(y);break;case"PageUp":e.preventDefault(),R(-1,t);break;case"PageDown":e.preventDefault(),R(1,t);break;case"Enter":case" ":e.preventDefault(),D(t),H(W(c,l,t),t);break}},[S,m,y,R,H,c,l]),Pe=s.useCallback(e=>{if(!_)switch(e.key){case"Enter":case" ":e.preventDefault(),K();break;case"ArrowDown":u||(e.preventDefault(),$(!0));break;case"Escape":u&&(e.preventDefault(),k(!0));break}},[_,K,u,k]);s.useEffect(()=>{u&&D(e=>Math.min(Math.max(1,e),y))},[u,y,l,c]);const je=Le(c,l),E=[...Array(je).fill(null),...Array.from({length:y},(e,t)=>t+1)];for(;E.length%7!==0;)E.push(null);const te=[];for(let e=0;e<E.length;e+=7)te.push(E.slice(e,e+7));const Se=n==="date"?V(j):d?`${V(d)}${h?` – ${V(h)}`:""}`:"",Ce=[o.default.dateRangePicker,u?o.default["dateRangePicker--open"]:"",_?o.default["dateRangePicker--disabled"]:"",i].filter(Boolean).join(" ");return a.jsxs("div",{ref:T,className:Ce,children:[a.jsxs("div",{ref:B,className:o.default.dateRangePicker__trigger,role:"button","aria-haspopup":"dialog","aria-expanded":u,"aria-controls":L?Q:void 0,"aria-disabled":_||void 0,tabIndex:_?-1:0,id:G,"data-has-value":ke?"":void 0,onClick:K,onKeyDown:Pe,children:[a.jsx("span",{className:o.default.dateRangePicker__calendarIcon,"aria-hidden":!0,children:a.jsx(C.default,{size:"16",glyph:a.jsx(oe,{})})}),a.jsx("span",{className:o.default.dateRangePicker__value,children:Se||"mm/dd/yyyy"}),a.jsx("span",{className:o.default.dateRangePicker__chevron,"aria-hidden":!0,children:a.jsx(C.default,{size:"16",glyph:a.jsx(Ae,{})})})]}),L&&ve(a.jsxs("div",{ref:N,id:Q,className:[o.default.dateRangePicker__popover,me==="above"?o.default["dateRangePicker__popover--above"]:"",Y?o.default["dateRangePicker__popover--visible"]:""].filter(Boolean).join(" "),style:ye,role:"dialog","aria-modal":"false","aria-label":"Date picker",children:[a.jsxs("div",{className:o.default.dateRangePicker__header,children:[a.jsxs("span",{className:o.default.dateRangePicker__monthLabel,"aria-live":"polite",children:[le[l]," ",c]}),a.jsxs("div",{className:o.default.dateRangePicker__headerActions,children:[a.jsx(Me.default,{emphasis:"quaternary",size:"small",leadingIcon:a.jsx(C.default,{size:"16",glyph:a.jsx(oe,{})}),onClick:be,children:"Today"}),a.jsxs("div",{className:o.default.dateRangePicker__navButtons,children:[a.jsx(M.default,{size:"medium",padding:"compact",icon:a.jsx(C.default,{size:M.ICON_BUTTON_ICON_SIZES.medium,glyph:a.jsx(qe,{})}),onClick:De,"aria-label":"Previous month"}),a.jsx(M.default,{size:"medium",padding:"compact",icon:a.jsx(C.default,{size:M.ICON_BUTTON_ICON_SIZES.medium,glyph:a.jsx(Te,{})}),onClick:Re,"aria-label":"Next month"})]})]})]}),a.jsx("div",{className:o.default.dateRangePicker__weekdays,"aria-hidden":!0,children:ze.map(e=>a.jsx("span",{className:o.default.dateRangePicker__weekday,children:e},e))}),a.jsx("div",{ref:F,className:o.default.dateRangePicker__grid,role:"grid","aria-label":`${le[l]} ${c}`,children:te.map((e,t)=>a.jsx("div",{className:o.default.dateRangePicker__week,role:"row",children:e.map((r,f)=>{if(r==null)return a.jsx("span",{className:o.default.dateRangePicker__dayEmpty,role:"gridcell"},f);const g=W(c,l,r),ae=g===O,ne=n==="range"&&Z(g,d),re=n==="range"&&!!h&&Z(g,h),U=n==="date"?Z(g,j):ne||re,Ie=n==="range"&&Ye(g,d,h),se=n==="range"&&!!d&&!!h&&d!==h,we=[o.default.dateRangePicker__dayCell,Ie?o.default["dateRangePicker__dayCell--in-range"]:"",se&&ne?o.default["dateRangePicker__dayCell--range-start"]:"",se&&re?o.default["dateRangePicker__dayCell--range-end"]:""].filter(Boolean).join(" "),Ne=[o.default.dateRangePicker__day,U?o.default["dateRangePicker__day--selected"]:"",ae&&!U?o.default["dateRangePicker__day--today"]:""].filter(Boolean).join(" ");return a.jsx("div",{className:we,role:"gridcell",children:a.jsx("button",{type:"button",className:Ne,"data-day":r,tabIndex:z===r?0:-1,onClick:()=>H(g,r),onFocus:()=>D(r),onKeyDown:Ee=>xe(Ee,r),"aria-label":g,"aria-pressed":U,"aria-current":ae?"date":void 0,children:r})},f)})},t))})]}))]})}exports.default=Ke;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),s=require("react"),qe=require("../button/Button.cjs"),q=require("../icon-button/IconButton.cjs"),N=require("../icon/Icon.cjs"),__le=require("@mattermost/compass-icons/components/calendar-outline.js"),le=__le?.default??__le,__Ae=require("@mattermost/compass-icons/components/chevron-down.js"),Ae=__Ae?.default??__Ae,__Te=require("@mattermost/compass-icons/components/chevron-left.js"),Te=__Te?.default??__Te,__Fe=require("@mattermost/compass-icons/components/chevron-right.js"),Fe=__Fe?.default??__Fe,Be=require("../../hooks/use-anchored-popup-portal.cjs"),Oe=require("../../hooks/use-outside-close.cjs"),Pe=require("../../hooks/use-popover-transition.cjs"),l=require("./DateRangePicker.module.scss.cjs"),$e=360,ze=["Su","Mo","Tu","We","Th","Fr","Sa"],oe=["January","February","March","April","May","June","July","August","September","October","November","December"];function V(i){if(!i)return"";const[n,p,v]=i.split("-");return`${p}/${v}/${n}`}function W(i,n,p){return`${i}-${String(n+1).padStart(2,"0")}-${String(p).padStart(2,"0")}`}function J(i,n){return new Date(i,n+1,0).getDate()}function Le(i,n){return new Date(i,n,1).getDay()}function Z(i,n){return i===n}function Ye(i,n,p){if(!n||!p)return!1;const[v,x]=n<p?[n,p]:[p,n];return i>v&&i<x}function A(i,n,p){if(!i)return null;const[v,x,j]=i.split("-").map(Number);return v===n&&x===p+1?j:null}function Ke({className:i="",mode:n="date",value:p,startDate:v,endDate:x,onChange:j,onRangeChange:T,disabled:_,id:ce,portalContainer:ie=null,zIndex:ue}){const de=s.useId(),G=ce??de,Q=`${G}-popover`,F=s.useRef(null),B=s.useRef(null),O=s.useRef(null),S=new Date,P=W(S.getFullYear(),S.getMonth(),S.getDate()),[c,C]=s.useState(S.getFullYear()),[o,E]=s.useState(S.getMonth()),[u,$]=s.useState(!1),[z,D]=s.useState(1),[fe,pe]=s.useState(""),[ge,X]=s.useState(""),[he,ee]=s.useState(""),w=p??fe,d=v??ge,h=x??he,ke=n==="date"?!!w:!!d,{mounted:L,visible:Y}=Pe.usePopoverTransition(u),{placement:me,style:ye,portalRef:M,renderPortal:ve}=Be.useAnchoredPopupPortal(B,L,{preferredHeight:$e,portalContainer:ie,zIndex:ue,matchWidth:!1}),k=s.useCallback((e=!0)=>{var t;$(!1),e&&((t=B.current)==null||t.focus())},[]);Oe.useOutsideClose(F,u,()=>k(!0),M),s.useEffect(()=>{if(!u)return;function e(t){t.key==="Escape"&&(t.preventDefault(),k(!0))}return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[u,k]),s.useEffect(()=>{if(!u)return;function e(t){var f,g;const r=t.target;r&&((f=F.current)!=null&&f.contains(r)||(g=M.current)!=null&&g.contains(r)||k(!1))}return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)},[u,k,M]);const y=J(c,o),_e=s.useCallback(()=>{if(n==="date"){const t=A(w,c,o);if(t)return t}else{const t=A(h,c,o);if(t)return t;const r=A(d,c,o);if(r)return r}const e=A(P,c,o);return e||1},[n,w,d,h,c,o,P]);s.useEffect(()=>{if(!u||!Y)return;const e=_e();D(e);const t=requestAnimationFrame(()=>{var r,f;(f=(r=O.current)==null?void 0:r.querySelector(`[data-day="${e}"]`))==null||f.focus()});return()=>cancelAnimationFrame(t)},[u,Y]);const m=s.useCallback(e=>{D(e),requestAnimationFrame(()=>{var t,r;(r=(t=O.current)==null?void 0:t.querySelector(`[data-day="${e}"]`))==null||r.focus()})},[]),K=s.useCallback(()=>{_||$(e=>!e)},[_]),De=s.useCallback(()=>{E(e=>e===0?(C(t=>t-1),11):e-1)},[]),be=s.useCallback(()=>{E(e=>e===11?(C(t=>t+1),0):e+1)},[]),b=s.useCallback((e,t)=>{const r=e===-1?o===0?11:o-1:o===11?0:o+1,f=e===-1?o===0?c-1:c:o===11?c+1:c,g=J(f,r);C(f),E(r),m(Math.min(t,g))},[o,c,m]),xe=s.useCallback(()=>{const e=new Date;C(e.getFullYear()),E(e.getMonth()),m(e.getDate())},[m]),H=s.useCallback((e,t)=>{if(n==="date")j?j(e):pe(e),k(!0);else if(!d||d&&h)X(e),ee(""),D(t);else{const[r,f]=e>=d?[d,e]:[e,d];T?T(r,f):(X(r),ee(f)),k(!0)}},[n,d,h,j,T,k]),I=s.useCallback(e=>{const t=z+e;if(t>=1&&t<=y){m(t);return}t<1?b(-1,J(o===0?c-1:c,o===0?11:o-1)+t):b(1,t-y)},[z,y,o,c,m,b]),je=s.useCallback((e,t)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),I(-1);break;case"ArrowRight":e.preventDefault(),I(1);break;case"ArrowUp":e.preventDefault(),I(-7);break;case"ArrowDown":e.preventDefault(),I(7);break;case"Home":e.preventDefault(),m(1);break;case"End":e.preventDefault(),m(y);break;case"PageUp":e.preventDefault(),b(-1,t);break;case"PageDown":e.preventDefault(),b(1,t);break;case"Enter":case" ":e.preventDefault(),D(t),H(W(c,o,t),t);break}},[I,m,y,b,H,c,o]),Se=s.useCallback(e=>{if(!_)switch(e.key){case"Enter":case" ":e.preventDefault(),K();break;case"ArrowDown":u||(e.preventDefault(),$(!0));break;case"Escape":u&&(e.preventDefault(),k(!0));break}},[_,K,u,k]);s.useEffect(()=>{u&&D(e=>Math.min(Math.max(1,e),y))},[u,y,o,c]);const we=Le(c,o),R=[...Array(we).fill(null),...Array.from({length:y},(e,t)=>t+1)];for(;R.length%7!==0;)R.push(null);const te=[];for(let e=0;e<R.length;e+=7)te.push(R.slice(e,e+7));const Ie=n==="date"?V(w):d?`${V(d)}${h?` – ${V(h)}`:""}`:"",Ne=[l.default["date-range-picker"],u?l.default["date-range-picker--open"]:"",_?l.default["date-range-picker--disabled"]:"",i].filter(Boolean).join(" ");return a.jsxs("div",{ref:F,className:Ne,children:[a.jsxs("div",{ref:B,className:l.default["date-range-picker__trigger"],role:"button","aria-haspopup":"dialog","aria-expanded":u,"aria-controls":L?Q:void 0,"aria-disabled":_||void 0,tabIndex:_?-1:0,id:G,"data-has-value":ke?"":void 0,onClick:K,onKeyDown:Se,children:[a.jsx("span",{className:l.default["date-range-picker__calendar-icon"],"aria-hidden":!0,children:a.jsx(N.default,{size:"16",glyph:a.jsx(le,{})})}),a.jsx("span",{className:l.default["date-range-picker__value"],children:Ie||"mm/dd/yyyy"}),a.jsx("span",{className:l.default["date-range-picker__chevron"],"aria-hidden":!0,children:a.jsx(N.default,{size:"16",glyph:a.jsx(Ae,{})})})]}),L&&ve(a.jsxs("div",{ref:M,id:Q,className:[l.default["date-range-picker__popover"],me==="above"?l.default["date-range-picker__popover--above"]:"",Y?l.default["date-range-picker__popover--visible"]:""].filter(Boolean).join(" "),style:ye,role:"dialog","aria-modal":"false","aria-label":"Date picker",children:[a.jsxs("div",{className:l.default["date-range-picker__header"],children:[a.jsxs("span",{className:l.default["date-range-picker__month-label"],"aria-live":"polite",children:[oe[o]," ",c]}),a.jsxs("div",{className:l.default["date-range-picker__header-actions"],children:[a.jsx(qe.default,{emphasis:"quaternary",size:"small",leadingIcon:a.jsx(N.default,{size:"16",glyph:a.jsx(le,{})}),onClick:xe,children:"Today"}),a.jsxs("div",{className:l.default["date-range-picker__nav-buttons"],children:[a.jsx(q.default,{size:"medium",padding:"compact",icon:a.jsx(N.default,{size:q.ICON_BUTTON_ICON_SIZES.medium,glyph:a.jsx(Te,{})}),onClick:De,"aria-label":"Previous month"}),a.jsx(q.default,{size:"medium",padding:"compact",icon:a.jsx(N.default,{size:q.ICON_BUTTON_ICON_SIZES.medium,glyph:a.jsx(Fe,{})}),onClick:be,"aria-label":"Next month"})]})]})]}),a.jsx("div",{className:l.default["date-range-picker__weekdays"],"aria-hidden":!0,children:ze.map(e=>a.jsx("span",{className:l.default["date-range-picker__weekday"],children:e},e))}),a.jsx("div",{ref:O,className:l.default["date-range-picker__grid"],role:"grid","aria-label":`${oe[o]} ${c}`,children:te.map((e,t)=>a.jsx("div",{className:l.default["date-range-picker__week"],role:"row",children:e.map((r,f)=>{if(r==null)return a.jsx("span",{className:l.default["date-range-picker__day-empty"],role:"gridcell"},f);const g=W(c,o,r),ae=g===P,ne=n==="range"&&Z(g,d),re=n==="range"&&!!h&&Z(g,h),U=n==="date"?Z(g,w):ne||re,Ce=n==="range"&&Ye(g,d,h),se=n==="range"&&!!d&&!!h&&d!==h,Ee=[l.default["date-range-picker__day-cell"],Ce?l.default["date-range-picker__day-cell--in-range"]:"",se&&ne?l.default["date-range-picker__day-cell--range-start"]:"",se&&re?l.default["date-range-picker__day-cell--range-end"]:""].filter(Boolean).join(" "),Me=[l.default["date-range-picker__day"],U?l.default["date-range-picker__day--selected"]:"",ae&&!U?l.default["date-range-picker__day--today"]:""].filter(Boolean).join(" ");return a.jsx("div",{className:Ee,role:"gridcell",children:a.jsx("button",{type:"button",className:Me,"data-day":r,tabIndex:z===r?0:-1,onClick:()=>H(g,r),onFocus:()=>D(r),onKeyDown:Re=>je(Re,r),"aria-label":g,"aria-pressed":U,"aria-current":ae?"date":void 0,children:r})},f)})},t))})]}))]})}exports.default=Ke;
 //# sourceMappingURL=DateRangePicker.cjs.map

package/dist/components/date-range-picker/DateRangePicker.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangePicker.cjs","sources":["../../../src/components/date-range-picker/DateRangePicker.tsx"],"sourcesContent":["import type { InputHTMLAttributes, KeyboardEvent } from 'react';\nimport { useState, useCallback, useEffect, useId, useRef } from 'react';\nimport Button from '@/components/button/Button';\nimport IconButton, {\n ICON_BUTTON_ICON_SIZES,\n} from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport CalendarOutlineIcon from '@mattermost/compass-icons/components/calendar-outline';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronLeftIcon from '@mattermost/compass-icons/components/chevron-left';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport styles from './DateRangePicker.module.scss';\n\nexport type DateRangePickerMode = 'date' \| 'range';\n\nexport interface DateRangePickerProps extends Omit<\n InputHTMLAttributes<HTMLInputElement>,\n 'value' \| 'defaultValue' \| 'onChange' \| 'type' \| 'size'\n> {\n /** Optional CSS class name applied to the root element. /\n className?: string;\n /* Selection mode: single date or range. Default: 'date'. /\n mode?: DateRangePickerMode;\n /* Controlled selected date (single mode). ISO string yyyy-mm-dd. /\n value?: string;\n /* Controlled start date (range mode). ISO string. /\n startDate?: string;\n /* Controlled end date (range mode). ISO string. /\n endDate?: string;\n /* Called when a date is selected (single mode). /\n onChange?: (date: string) => void;\n /* Called when range changes (range mode). /\n onRangeChange?: (start: string, end: string) => void;\n /* Portal mount node for the calendar; defaults to `document.body`. /\n portalContainer?: HTMLElement \| null;\n /* Stacking order for the portaled calendar. /\n zIndex?: number;\n}\n\n/* Approximate calendar panel height for the initial flip decision. /\nconst CALENDAR_PREFERRED_HEIGHT = 360;\n\nconst WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n\nconst MONTHS = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n];\n\nfunction formatDateDisplay(iso: string): string {\n if (!iso) return '';\n const [y, m, d] = iso.split('-');\n return `${m}/${d}/${y}`;\n}\n\nfunction toIso(year: number, month: number, day: number): string {\n return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n return new Date(year, month + 1, 0).getDate();\n}\n\nfunction getFirstDayOfWeek(year: number, month: number): number {\n return new Date(year, month, 1).getDay();\n}\n\nfunction isSameDay(a: string, b: string): boolean {\n return a === b;\n}\n\nfunction isBetween(date: string, start: string, end: string): boolean {\n if (!start \|\| !end) return false;\n const [s, e] = start < end ? [start, end] : [end, start];\n return date > s && date < e;\n}\n\nfunction dayFromIso(iso: string, year: number, month: number): number \| null {\n if (!iso) return null;\n const [y, m, d] = iso.split('-').map(Number);\n if (y === year && m === month + 1) return d;\n return null;\n}\n\n/\n The Date and Range Picker lets people pick a single date or a start/end range from a\n * calendar. The trigger is a compact field; the calendar is a popover anchored 4px below it.\n /\nexport default function DateRangePicker({\n className = '',\n mode = 'date',\n value,\n startDate,\n endDate,\n onChange,\n onRangeChange,\n disabled,\n id: idProp,\n portalContainer = null,\n zIndex,\n}: DateRangePickerProps) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n const popoverId = `${id}-popover`;\n const rootRef = useRef<HTMLDivElement>(null);\n const triggerRef = useRef<HTMLDivElement>(null);\n const gridRef = useRef<HTMLDivElement>(null);\n\n const today = new Date();\n const todayIso = toIso(\n today.getFullYear(),\n today.getMonth(),\n today.getDate(),\n );\n\n // Calendar display state\n const [displayYear, setDisplayYear] = useState(today.getFullYear());\n const [displayMonth, setDisplayMonth] = useState(today.getMonth());\n const [isOpen, setIsOpen] = useState(false);\n /* Roving tabindex day-of-month within the visible grid. /\n const [focusedDay, setFocusedDay] = useState(1);\n\n // Internal selection state (uncontrolled fallback)\n const [internalDate, setInternalDate] = useState('');\n const [internalStart, setInternalStart] = useState('');\n const [internalEnd, setInternalEnd] = useState('');\n\n const selectedDate = value ?? internalDate;\n const selectedStart = startDate ?? internalStart;\n const selectedEnd = endDate ?? internalEnd;\n\n const hasValue =\n mode === 'date' ? Boolean(selectedDate) : Boolean(selectedStart);\n\n const { mounted: popoverMounted, visible: popoverVisible } =\n usePopoverTransition(isOpen);\n\n const {\n placement,\n style: popoverStyle,\n portalRef,\n renderPortal,\n } = useAnchoredPopupPortal(triggerRef, popoverMounted, {\n preferredHeight: CALENDAR_PREFERRED_HEIGHT,\n portalContainer,\n zIndex,\n matchWidth: false,\n });\n\n const close = useCallback((restoreFocus = true) => {\n setIsOpen(false);\n if (restoreFocus) {\n triggerRef.current?.focus();\n }\n }, []);\n\n useOutsideClose(rootRef, isOpen, () => close(true), portalRef);\n\n useEffect(() => {\n if (!isOpen) return;\n function handleKeyDown(e: globalThis.KeyboardEvent) {\n if (e.key === 'Escape') {\n e.preventDefault();\n close(true);\n }\n }\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [isOpen, close]);\n\n // Close when focus leaves the field and the portaled calendar.\n useEffect(() => {\n if (!isOpen) return;\n\n function handleFocusIn(e: FocusEvent) {\n const target = e.target as Node \| null;\n if (!target) return;\n if (rootRef.current?.contains(target)) return;\n if (portalRef.current?.contains(target)) return;\n close(false);\n }\n\n document.addEventListener('focusin', handleFocusIn);\n return () => document.removeEventListener('focusin', handleFocusIn);\n }, [isOpen, close, portalRef]);\n\n const daysInMonth = getDaysInMonth(displayYear, displayMonth);\n\n const initialFocusDay = useCallback(() => {\n if (mode === 'date') {\n const fromValue = dayFromIso(selectedDate, displayYear, displayMonth);\n if (fromValue) return fromValue;\n } else {\n const fromEnd = dayFromIso(selectedEnd, displayYear, displayMonth);\n if (fromEnd) return fromEnd;\n const fromStart = dayFromIso(selectedStart, displayYear, displayMonth);\n if (fromStart) return fromStart;\n }\n const fromToday = dayFromIso(todayIso, displayYear, displayMonth);\n if (fromToday) return fromToday;\n return 1;\n }, [\n mode,\n selectedDate,\n selectedStart,\n selectedEnd,\n displayYear,\n displayMonth,\n todayIso,\n ]);\n\n // On open: after the enter transition enables pointer-events, move focus\n // into the day grid (selected day, today, or the 1st).\n useEffect(() => {\n if (!isOpen \|\| !popoverVisible) return;\n const day = initialFocusDay();\n setFocusedDay(day);\n const frame = requestAnimationFrame(() => {\n gridRef.current\n ?.querySelector<HTMLElement>(`[data-day=\"${day}\"]`)\n ?.focus();\n });\n return () => cancelAnimationFrame(frame);\n // eslint-disable-next-line react-hooks/exhaustive-deps -- open/visible transition only\n }, [isOpen, popoverVisible]);\n\n const focusDayButton = useCallback((day: number) => {\n setFocusedDay(day);\n requestAnimationFrame(() => {\n gridRef.current\n ?.querySelector<HTMLElement>(`[data-day=\"${day}\"]`)\n ?.focus();\n });\n }, []);\n\n const handleToggle = useCallback(() => {\n if (disabled) return;\n setIsOpen((open) => !open);\n }, [disabled]);\n\n const handlePrevMonth = useCallback(() => {\n setDisplayMonth((m) => {\n if (m === 0) {\n setDisplayYear((y) => y - 1);\n return 11;\n }\n return m - 1;\n });\n }, []);\n\n const handleNextMonth = useCallback(() => {\n setDisplayMonth((m) => {\n if (m === 11) {\n setDisplayYear((y) => y + 1);\n return 0;\n }\n return m + 1;\n });\n }, []);\n\n const goToAdjacentMonth = useCallback(\n (direction: -1 \| 1, preferDay: number) => {\n const nextMonth =\n direction === -1\n ? displayMonth === 0\n ? 11\n : displayMonth - 1\n : displayMonth === 11\n ? 0\n : displayMonth + 1;\n const nextYear =\n direction === -1\n ? displayMonth === 0\n ? displayYear - 1\n : displayYear\n : displayMonth === 11\n ? displayYear + 1\n : displayYear;\n const maxDay = getDaysInMonth(nextYear, nextMonth);\n setDisplayYear(nextYear);\n setDisplayMonth(nextMonth);\n focusDayButton(Math.min(preferDay, maxDay));\n },\n [displayMonth, displayYear, focusDayButton],\n );\n\n const handleToday = useCallback(() => {\n const now = new Date();\n setDisplayYear(now.getFullYear());\n setDisplayMonth(now.getMonth());\n focusDayButton(now.getDate());\n }, [focusDayButton]);\n\n const handleDayClick = useCallback(\n (iso: string, day: number) => {\n if (mode === 'date') {\n if (onChange) {\n onChange(iso);\n } else {\n setInternalDate(iso);\n }\n close(true);\n } else {\n // range mode: first click = start, second = end\n if (!selectedStart \|\| (selectedStart && selectedEnd)) {\n setInternalStart(iso);\n setInternalEnd('');\n setFocusedDay(day);\n } else {\n const [s, e] =\n iso >= selectedStart ? [selectedStart, iso] : [iso, selectedStart];\n if (onRangeChange) {\n onRangeChange(s, e);\n } else {\n setInternalStart(s);\n setInternalEnd(e);\n }\n close(true);\n }\n }\n },\n [mode, selectedStart, selectedEnd, onChange, onRangeChange, close],\n );\n\n const moveFocusedDay = useCallback(\n (delta: number) => {\n const next = focusedDay + delta;\n if (next >= 1 && next <= daysInMonth) {\n focusDayButton(next);\n return;\n }\n if (next < 1) {\n goToAdjacentMonth(-1, getDaysInMonth(\n displayMonth === 0 ? displayYear - 1 : displayYear,\n displayMonth === 0 ? 11 : displayMonth - 1,\n ) + next);\n } else {\n goToAdjacentMonth(1, next - daysInMonth);\n }\n },\n [\n focusedDay,\n daysInMonth,\n displayMonth,\n displayYear,\n focusDayButton,\n goToAdjacentMonth,\n ],\n );\n\n const handleDayKeyDown = useCallback(\n (e: KeyboardEvent<HTMLButtonElement>, day: number) => {\n switch (e.key) {\n case 'ArrowLeft':\n e.preventDefault();\n moveFocusedDay(-1);\n break;\n case 'ArrowRight':\n e.preventDefault();\n moveFocusedDay(1);\n break;\n case 'ArrowUp':\n e.preventDefault();\n moveFocusedDay(-7);\n break;\n case 'ArrowDown':\n e.preventDefault();\n moveFocusedDay(7);\n break;\n case 'Home':\n e.preventDefault();\n focusDayButton(1);\n break;\n case 'End':\n e.preventDefault();\n focusDayButton(daysInMonth);\n break;\n case 'PageUp':\n e.preventDefault();\n goToAdjacentMonth(-1, day);\n break;\n case 'PageDown':\n e.preventDefault();\n goToAdjacentMonth(1, day);\n break;\n case 'Enter':\n case ' ':\n e.preventDefault();\n setFocusedDay(day);\n handleDayClick(toIso(displayYear, displayMonth, day), day);\n break;\n default:\n break;\n }\n },\n [\n moveFocusedDay,\n focusDayButton,\n daysInMonth,\n goToAdjacentMonth,\n handleDayClick,\n displayYear,\n displayMonth,\n ],\n );\n\n const handleTriggerKeyDown = useCallback(\n (e: KeyboardEvent<HTMLDivElement>) => {\n if (disabled) return;\n switch (e.key) {\n case 'Enter':\n case ' ':\n e.preventDefault();\n handleToggle();\n break;\n case 'ArrowDown':\n if (!isOpen) {\n e.preventDefault();\n setIsOpen(true);\n }\n break;\n case 'Escape':\n if (isOpen) {\n e.preventDefault();\n close(true);\n }\n break;\n default:\n break;\n }\n },\n [disabled, handleToggle, isOpen, close],\n );\n\n // Keep focusedDay in range when the month changes (nav buttons / PageUp).\n useEffect(() => {\n if (!isOpen) return;\n setFocusedDay((d) => Math.min(Math.max(1, d), daysInMonth));\n }, [isOpen, daysInMonth, displayMonth, displayYear]);\n\n // Build calendar grid\n const firstDay = getFirstDayOfWeek(displayYear, displayMonth);\n\n // Build weeks (rows of 7 cells; null = empty)\n const cells: (number \| null)[] = [\n ...Array(firstDay).fill(null),\n ...Array.from({ length: daysInMonth }, (_, i) => i + 1),\n ];\n // Pad to complete last row\n while (cells.length % 7 !== 0) cells.push(null);\n const weeks: (number \| null)[][] = [];\n for (let i = 0; i < cells.length; i += 7) weeks.push(cells.slice(i, i + 7));\n\n const displayValue =\n mode === 'date'\n ? formatDateDisplay(selectedDate)\n : selectedStart\n ? `${formatDateDisplay(selectedStart)}${selectedEnd ? ` – ${formatDateDisplay(selectedEnd)}` : ''}`\n : '';\n\n const rootClass = [\n styles.dateRangePicker,\n isOpen ? styles['dateRangePicker--open'] : '',\n disabled ? styles['dateRangePicker--disabled'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div ref={rootRef} className={rootClass}>\n {/ Trigger input /}\n <div\n ref={triggerRef}\n className={styles.dateRangePicker__trigger}\n role=\"button\"\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={popoverMounted ? popoverId : undefined}\n aria-disabled={disabled \|\| undefined}\n tabIndex={disabled ? -1 : 0}\n id={id}\n data-has-value={hasValue ? '' : undefined}\n onClick={handleToggle}\n onKeyDown={handleTriggerKeyDown}\n >\n <span className={styles.dateRangePicker__calendarIcon} aria-hidden>\n <Icon size=\"16\" glyph={<CalendarOutlineIcon />} />\n </span>\n <span className={styles.dateRangePicker__value}>\n {displayValue \|\| 'mm/dd/yyyy'}\n </span>\n <span className={styles.dateRangePicker__chevron} aria-hidden>\n <Icon size=\"16\" glyph={<ChevronDownIcon />} />\n </span>\n </div>\n\n {/ Calendar popover /}\n {popoverMounted &&\n renderPortal(\n <div\n ref={portalRef}\n id={popoverId}\n className={[\n styles.dateRangePicker__popover,\n placement === 'above'\n ? styles['dateRangePicker__popover--above']\n : '',\n popoverVisible\n ? styles['dateRangePicker__popover--visible']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n style={popoverStyle}\n role=\"dialog\"\n aria-modal=\"false\"\n aria-label=\"Date picker\"\n >\n {/ Header /}\n <div className={styles.dateRangePicker__header}>\n <span className={styles.dateRangePicker__monthLabel} aria-live=\"polite\">\n {MONTHS[displayMonth]} {displayYear}\n </span>\n <div className={styles.dateRangePicker__headerActions}>\n <Button\n emphasis=\"quaternary\"\n size=\"small\"\n leadingIcon={<Icon size=\"16\" glyph={<CalendarOutlineIcon />} />}\n onClick={handleToday}\n >\n Today\n </Button>\n <div className={styles.dateRangePicker__navButtons}>\n <IconButton\n size=\"medium\"\n padding=\"compact\"\n icon={\n <Icon\n size={ICON_BUTTON_ICON_SIZES['medium']}\n glyph={<ChevronLeftIcon />}\n />\n }\n onClick={handlePrevMonth}\n aria-label=\"Previous month\"\n />\n <IconButton\n size=\"medium\"\n padding=\"compact\"\n icon={\n <Icon\n size={ICON_BUTTON_ICON_SIZES['medium']}\n glyph={<ChevronRightIcon />}\n />\n }\n onClick={handleNextMonth}\n aria-label=\"Next month\"\n />\n </div>\n </div>\n </div>\n\n {/ Weekday headers /}\n <div className={styles.dateRangePicker__weekdays} aria-hidden>\n {WEEKDAYS.map((d) => (\n <span key={d} className={styles.dateRangePicker__weekday}>\n {d}\n </span>\n ))}\n </div>\n\n {/ Date grid */}\n <div\n ref={gridRef}\n className={styles.dateRangePicker__grid}\n role=\"grid\"\n aria-label={`${MONTHS[displayMonth]} ${displayYear}`}\n >\n {weeks.map((week, wi) => (\n <div\n key={wi}\n className={styles.dateRangePicker__week}\n role=\"row\"\n >\n {week.map((day, di) => {\n if (day == null) {\n return (\n <span\n key={di}\n className={styles.dateRangePicker__dayEmpty}\n role=\"gridcell\"\n />\n );\n }\n const iso = toIso(displayYear, displayMonth, day);\n const isToday = iso === todayIso;\n const isRangeStart =\n mode === 'range' && isSameDay(iso, selectedStart);\n const isRangeEnd =\n mode === 'range' &&\n Boolean(selectedEnd) &&\n isSameDay(iso, selectedEnd);\n const isSelected =\n mode === 'date'\n ? isSameDay(iso, selectedDate)\n : isRangeStart \|\| isRangeEnd;\n const isInRange =\n mode === 'range' &&\n isBetween(iso, selectedStart, selectedEnd);\n const hasRangeSpan =\n mode === 'range' &&\n Boolean(selectedStart) &&\n Boolean(selectedEnd) &&\n selectedStart !== selectedEnd;\n\n const cellClass = [\n styles.dateRangePicker__dayCell,\n isInRange\n ? styles['dateRangePicker__dayCell--in-range']\n : '',\n hasRangeSpan && isRangeStart\n ? styles['dateRangePicker__dayCell--range-start']\n : '',\n hasRangeSpan && isRangeEnd\n ? styles['dateRangePicker__dayCell--range-end']\n : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n const dayClass = [\n styles.dateRangePicker__day,\n isSelected ? styles['dateRangePicker__day--selected'] : '',\n isToday && !isSelected\n ? styles['dateRangePicker__day--today']\n : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div key={di} className={cellClass} role=\"gridcell\">\n <button\n type=\"button\"\n className={dayClass}\n data-day={day}\n tabIndex={focusedDay === day ? 0 : -1}\n onClick={() => handleDayClick(iso, day)}\n onFocus={() => setFocusedDay(day)}\n onKeyDown={(e) => handleDayKeyDown(e, day)}\n aria-label={iso}\n aria-pressed={isSelected}\n aria-current={isToday ? 'date' : undefined}\n >\n {day}\n </button>\n </div>\n );\n })}\n </div>\n ))}\n </div>\n </div>,\n )}\n </div>\n );\n}\n"],"names":["CALENDAR_PREFERRED_HEIGHT","WEEKDAYS","MONTHS","formatDateDisplay","iso","y","m","d","toIso","year","month","day","getDaysInMonth","getFirstDayOfWeek","isSameDay","a","b","isBetween","date","start","end","s","e","dayFromIso","DateRangePicker","className","mode","value","startDate","endDate","onChange","onRangeChange","disabled","idProp","portalContainer","zIndex","generatedId","useId","id","popoverId","rootRef","useRef","triggerRef","gridRef","today","todayIso","displayYear","setDisplayYear","useState","displayMonth","setDisplayMonth","isOpen","setIsOpen","focusedDay","setFocusedDay","internalDate","setInternalDate","internalStart","setInternalStart","internalEnd","setInternalEnd","selectedDate","selectedStart","selectedEnd","hasValue","popoverMounted","popoverVisible","usePopoverTransition","placement","popoverStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","useCallback","restoreFocus","_a","useOutsideClose","useEffect","handleKeyDown","handleFocusIn","target","_b","daysInMonth","initialFocusDay","fromValue","fromEnd","fromStart","fromToday","frame","focusDayButton","handleToggle","open","handlePrevMonth","handleNextMonth","goToAdjacentMonth","direction","preferDay","nextMonth","nextYear","maxDay","handleToday","now","handleDayClick","moveFocusedDay","delta","next","handleDayKeyDown","handleTriggerKeyDown","firstDay","cells","_","i","weeks","displayValue","rootClass","styles","jsxs","jsx","Icon","CalendarOutlineIcon","ChevronDownIcon","Button","IconButton","ICON_BUTTON_ICON_SIZES","ChevronLeftIcon","ChevronRightIcon","week","wi","di","isToday","isRangeStart","isRangeEnd","isSelected","isInRange","hasRangeSpan","cellClass","dayClass"],"mappings":"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"}
1	+ {"version":3,"file":"DateRangePicker.cjs","sources":["../../../src/components/date-range-picker/DateRangePicker.tsx"],"sourcesContent":["import type { InputHTMLAttributes, KeyboardEvent } from 'react';\nimport { useState, useCallback, useEffect, useId, useRef } from 'react';\nimport Button from '@/components/button/Button';\nimport IconButton, {\n ICON_BUTTON_ICON_SIZES,\n} from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport CalendarOutlineIcon from '@mattermost/compass-icons/components/calendar-outline';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronLeftIcon from '@mattermost/compass-icons/components/chevron-left';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport styles from './DateRangePicker.module.scss';\n\nexport type DateRangePickerMode = 'date' \| 'range';\n\nexport interface DateRangePickerProps extends Omit<\n InputHTMLAttributes<HTMLInputElement>,\n 'value' \| 'defaultValue' \| 'onChange' \| 'type' \| 'size'\n> {\n /** Optional CSS class name applied to the root element. /\n className?: string;\n /* Selection mode: single date or range. Default: 'date'. /\n mode?: DateRangePickerMode;\n /* Controlled selected date (single mode). ISO string yyyy-mm-dd. /\n value?: string;\n /* Controlled start date (range mode). ISO string. /\n startDate?: string;\n /* Controlled end date (range mode). ISO string. /\n endDate?: string;\n /* Called when a date is selected (single mode). /\n onChange?: (date: string) => void;\n /* Called when range changes (range mode). /\n onRangeChange?: (start: string, end: string) => void;\n /* Portal mount node for the calendar; defaults to `document.body`. /\n portalContainer?: HTMLElement \| null;\n /* Stacking order for the portaled calendar. /\n zIndex?: number;\n}\n\n/* Approximate calendar panel height for the initial flip decision. /\nconst CALENDAR_PREFERRED_HEIGHT = 360;\n\nconst WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n\nconst MONTHS = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n];\n\nfunction formatDateDisplay(iso: string): string {\n if (!iso) return '';\n const [y, m, d] = iso.split('-');\n return `${m}/${d}/${y}`;\n}\n\nfunction toIso(year: number, month: number, day: number): string {\n return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n return new Date(year, month + 1, 0).getDate();\n}\n\nfunction getFirstDayOfWeek(year: number, month: number): number {\n return new Date(year, month, 1).getDay();\n}\n\nfunction isSameDay(a: string, b: string): boolean {\n return a === b;\n}\n\nfunction isBetween(date: string, start: string, end: string): boolean {\n if (!start \|\| !end) return false;\n const [s, e] = start < end ? [start, end] : [end, start];\n return date > s && date < e;\n}\n\nfunction dayFromIso(iso: string, year: number, month: number): number \| null {\n if (!iso) return null;\n const [y, m, d] = iso.split('-').map(Number);\n if (y === year && m === month + 1) return d;\n return null;\n}\n\n/\n The Date and Range Picker lets people pick a single date or a start/end range from a\n * calendar. The trigger is a compact field; the calendar is a popover anchored 4px below it.\n /\nexport default function DateRangePicker({\n className = '',\n mode = 'date',\n value,\n startDate,\n endDate,\n onChange,\n onRangeChange,\n disabled,\n id: idProp,\n portalContainer = null,\n zIndex,\n}: DateRangePickerProps) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n const popoverId = `${id}-popover`;\n const rootRef = useRef<HTMLDivElement>(null);\n const triggerRef = useRef<HTMLDivElement>(null);\n const gridRef = useRef<HTMLDivElement>(null);\n\n const today = new Date();\n const todayIso = toIso(\n today.getFullYear(),\n today.getMonth(),\n today.getDate(),\n );\n\n // Calendar display state\n const [displayYear, setDisplayYear] = useState(today.getFullYear());\n const [displayMonth, setDisplayMonth] = useState(today.getMonth());\n const [isOpen, setIsOpen] = useState(false);\n /* Roving tabindex day-of-month within the visible grid. /\n const [focusedDay, setFocusedDay] = useState(1);\n\n // Internal selection state (uncontrolled fallback)\n const [internalDate, setInternalDate] = useState('');\n const [internalStart, setInternalStart] = useState('');\n const [internalEnd, setInternalEnd] = useState('');\n\n const selectedDate = value ?? internalDate;\n const selectedStart = startDate ?? internalStart;\n const selectedEnd = endDate ?? internalEnd;\n\n const hasValue =\n mode === 'date' ? Boolean(selectedDate) : Boolean(selectedStart);\n\n const { mounted: popoverMounted, visible: popoverVisible } =\n usePopoverTransition(isOpen);\n\n const {\n placement,\n style: popoverStyle,\n portalRef,\n renderPortal,\n } = useAnchoredPopupPortal(triggerRef, popoverMounted, {\n preferredHeight: CALENDAR_PREFERRED_HEIGHT,\n portalContainer,\n zIndex,\n matchWidth: false,\n });\n\n const close = useCallback((restoreFocus = true) => {\n setIsOpen(false);\n if (restoreFocus) {\n triggerRef.current?.focus();\n }\n }, []);\n\n useOutsideClose(rootRef, isOpen, () => close(true), portalRef);\n\n useEffect(() => {\n if (!isOpen) return;\n function handleKeyDown(e: globalThis.KeyboardEvent) {\n if (e.key === 'Escape') {\n e.preventDefault();\n close(true);\n }\n }\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [isOpen, close]);\n\n // Close when focus leaves the field and the portaled calendar.\n useEffect(() => {\n if (!isOpen) return;\n\n function handleFocusIn(e: FocusEvent) {\n const target = e.target as Node \| null;\n if (!target) return;\n if (rootRef.current?.contains(target)) return;\n if (portalRef.current?.contains(target)) return;\n close(false);\n }\n\n document.addEventListener('focusin', handleFocusIn);\n return () => document.removeEventListener('focusin', handleFocusIn);\n }, [isOpen, close, portalRef]);\n\n const daysInMonth = getDaysInMonth(displayYear, displayMonth);\n\n const initialFocusDay = useCallback(() => {\n if (mode === 'date') {\n const fromValue = dayFromIso(selectedDate, displayYear, displayMonth);\n if (fromValue) return fromValue;\n } else {\n const fromEnd = dayFromIso(selectedEnd, displayYear, displayMonth);\n if (fromEnd) return fromEnd;\n const fromStart = dayFromIso(selectedStart, displayYear, displayMonth);\n if (fromStart) return fromStart;\n }\n const fromToday = dayFromIso(todayIso, displayYear, displayMonth);\n if (fromToday) return fromToday;\n return 1;\n }, [\n mode,\n selectedDate,\n selectedStart,\n selectedEnd,\n displayYear,\n displayMonth,\n todayIso,\n ]);\n\n // On open: after the enter transition enables pointer-events, move focus\n // into the day grid (selected day, today, or the 1st).\n useEffect(() => {\n if (!isOpen \|\| !popoverVisible) return;\n const day = initialFocusDay();\n setFocusedDay(day);\n const frame = requestAnimationFrame(() => {\n gridRef.current\n ?.querySelector<HTMLElement>(`[data-day=\"${day}\"]`)\n ?.focus();\n });\n return () => cancelAnimationFrame(frame);\n // eslint-disable-next-line react-hooks/exhaustive-deps -- open/visible transition only\n }, [isOpen, popoverVisible]);\n\n const focusDayButton = useCallback((day: number) => {\n setFocusedDay(day);\n requestAnimationFrame(() => {\n gridRef.current\n ?.querySelector<HTMLElement>(`[data-day=\"${day}\"]`)\n ?.focus();\n });\n }, []);\n\n const handleToggle = useCallback(() => {\n if (disabled) return;\n setIsOpen((open) => !open);\n }, [disabled]);\n\n const handlePrevMonth = useCallback(() => {\n setDisplayMonth((m) => {\n if (m === 0) {\n setDisplayYear((y) => y - 1);\n return 11;\n }\n return m - 1;\n });\n }, []);\n\n const handleNextMonth = useCallback(() => {\n setDisplayMonth((m) => {\n if (m === 11) {\n setDisplayYear((y) => y + 1);\n return 0;\n }\n return m + 1;\n });\n }, []);\n\n const goToAdjacentMonth = useCallback(\n (direction: -1 \| 1, preferDay: number) => {\n const nextMonth =\n direction === -1\n ? displayMonth === 0\n ? 11\n : displayMonth - 1\n : displayMonth === 11\n ? 0\n : displayMonth + 1;\n const nextYear =\n direction === -1\n ? displayMonth === 0\n ? displayYear - 1\n : displayYear\n : displayMonth === 11\n ? displayYear + 1\n : displayYear;\n const maxDay = getDaysInMonth(nextYear, nextMonth);\n setDisplayYear(nextYear);\n setDisplayMonth(nextMonth);\n focusDayButton(Math.min(preferDay, maxDay));\n },\n [displayMonth, displayYear, focusDayButton],\n );\n\n const handleToday = useCallback(() => {\n const now = new Date();\n setDisplayYear(now.getFullYear());\n setDisplayMonth(now.getMonth());\n focusDayButton(now.getDate());\n }, [focusDayButton]);\n\n const handleDayClick = useCallback(\n (iso: string, day: number) => {\n if (mode === 'date') {\n if (onChange) {\n onChange(iso);\n } else {\n setInternalDate(iso);\n }\n close(true);\n } else {\n // range mode: first click = start, second = end\n if (!selectedStart \|\| (selectedStart && selectedEnd)) {\n setInternalStart(iso);\n setInternalEnd('');\n setFocusedDay(day);\n } else {\n const [s, e] =\n iso >= selectedStart ? [selectedStart, iso] : [iso, selectedStart];\n if (onRangeChange) {\n onRangeChange(s, e);\n } else {\n setInternalStart(s);\n setInternalEnd(e);\n }\n close(true);\n }\n }\n },\n [mode, selectedStart, selectedEnd, onChange, onRangeChange, close],\n );\n\n const moveFocusedDay = useCallback(\n (delta: number) => {\n const next = focusedDay + delta;\n if (next >= 1 && next <= daysInMonth) {\n focusDayButton(next);\n return;\n }\n if (next < 1) {\n goToAdjacentMonth(-1, getDaysInMonth(\n displayMonth === 0 ? displayYear - 1 : displayYear,\n displayMonth === 0 ? 11 : displayMonth - 1,\n ) + next);\n } else {\n goToAdjacentMonth(1, next - daysInMonth);\n }\n },\n [\n focusedDay,\n daysInMonth,\n displayMonth,\n displayYear,\n focusDayButton,\n goToAdjacentMonth,\n ],\n );\n\n const handleDayKeyDown = useCallback(\n (e: KeyboardEvent<HTMLButtonElement>, day: number) => {\n switch (e.key) {\n case 'ArrowLeft':\n e.preventDefault();\n moveFocusedDay(-1);\n break;\n case 'ArrowRight':\n e.preventDefault();\n moveFocusedDay(1);\n break;\n case 'ArrowUp':\n e.preventDefault();\n moveFocusedDay(-7);\n break;\n case 'ArrowDown':\n e.preventDefault();\n moveFocusedDay(7);\n break;\n case 'Home':\n e.preventDefault();\n focusDayButton(1);\n break;\n case 'End':\n e.preventDefault();\n focusDayButton(daysInMonth);\n break;\n case 'PageUp':\n e.preventDefault();\n goToAdjacentMonth(-1, day);\n break;\n case 'PageDown':\n e.preventDefault();\n goToAdjacentMonth(1, day);\n break;\n case 'Enter':\n case ' ':\n e.preventDefault();\n setFocusedDay(day);\n handleDayClick(toIso(displayYear, displayMonth, day), day);\n break;\n default:\n break;\n }\n },\n [\n moveFocusedDay,\n focusDayButton,\n daysInMonth,\n goToAdjacentMonth,\n handleDayClick,\n displayYear,\n displayMonth,\n ],\n );\n\n const handleTriggerKeyDown = useCallback(\n (e: KeyboardEvent<HTMLDivElement>) => {\n if (disabled) return;\n switch (e.key) {\n case 'Enter':\n case ' ':\n e.preventDefault();\n handleToggle();\n break;\n case 'ArrowDown':\n if (!isOpen) {\n e.preventDefault();\n setIsOpen(true);\n }\n break;\n case 'Escape':\n if (isOpen) {\n e.preventDefault();\n close(true);\n }\n break;\n default:\n break;\n }\n },\n [disabled, handleToggle, isOpen, close],\n );\n\n // Keep focusedDay in range when the month changes (nav buttons / PageUp).\n useEffect(() => {\n if (!isOpen) return;\n setFocusedDay((d) => Math.min(Math.max(1, d), daysInMonth));\n }, [isOpen, daysInMonth, displayMonth, displayYear]);\n\n // Build calendar grid\n const firstDay = getFirstDayOfWeek(displayYear, displayMonth);\n\n // Build weeks (rows of 7 cells; null = empty)\n const cells: (number \| null)[] = [\n ...Array(firstDay).fill(null),\n ...Array.from({ length: daysInMonth }, (_, i) => i + 1),\n ];\n // Pad to complete last row\n while (cells.length % 7 !== 0) cells.push(null);\n const weeks: (number \| null)[][] = [];\n for (let i = 0; i < cells.length; i += 7) weeks.push(cells.slice(i, i + 7));\n\n const displayValue =\n mode === 'date'\n ? formatDateDisplay(selectedDate)\n : selectedStart\n ? `${formatDateDisplay(selectedStart)}${selectedEnd ? ` – ${formatDateDisplay(selectedEnd)}` : ''}`\n : '';\n\n const rootClass = [\n styles['date-range-picker'],\n isOpen ? styles['date-range-picker--open'] : '',\n disabled ? styles['date-range-picker--disabled'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div ref={rootRef} className={rootClass}>\n {/ Trigger input /}\n <div\n ref={triggerRef}\n className={styles['date-range-picker__trigger']}\n role=\"button\"\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={popoverMounted ? popoverId : undefined}\n aria-disabled={disabled \|\| undefined}\n tabIndex={disabled ? -1 : 0}\n id={id}\n data-has-value={hasValue ? '' : undefined}\n onClick={handleToggle}\n onKeyDown={handleTriggerKeyDown}\n >\n <span className={styles['date-range-picker__calendar-icon']} aria-hidden>\n <Icon size=\"16\" glyph={<CalendarOutlineIcon />} />\n </span>\n <span className={styles['date-range-picker__value']}>\n {displayValue \|\| 'mm/dd/yyyy'}\n </span>\n <span className={styles['date-range-picker__chevron']} aria-hidden>\n <Icon size=\"16\" glyph={<ChevronDownIcon />} />\n </span>\n </div>\n\n {/ Calendar popover /}\n {popoverMounted &&\n renderPortal(\n <div\n ref={portalRef}\n id={popoverId}\n className={[\n styles['date-range-picker__popover'],\n placement === 'above'\n ? styles['date-range-picker__popover--above']\n : '',\n popoverVisible\n ? styles['date-range-picker__popover--visible']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n style={popoverStyle}\n role=\"dialog\"\n aria-modal=\"false\"\n aria-label=\"Date picker\"\n >\n {/ Header /}\n <div className={styles['date-range-picker__header']}>\n <span className={styles['date-range-picker__month-label']} aria-live=\"polite\">\n {MONTHS[displayMonth]} {displayYear}\n </span>\n <div className={styles['date-range-picker__header-actions']}>\n <Button\n emphasis=\"quaternary\"\n size=\"small\"\n leadingIcon={<Icon size=\"16\" glyph={<CalendarOutlineIcon />} />}\n onClick={handleToday}\n >\n Today\n </Button>\n <div className={styles['date-range-picker__nav-buttons']}>\n <IconButton\n size=\"medium\"\n padding=\"compact\"\n icon={\n <Icon\n size={ICON_BUTTON_ICON_SIZES['medium']}\n glyph={<ChevronLeftIcon />}\n />\n }\n onClick={handlePrevMonth}\n aria-label=\"Previous month\"\n />\n <IconButton\n size=\"medium\"\n padding=\"compact\"\n icon={\n <Icon\n size={ICON_BUTTON_ICON_SIZES['medium']}\n glyph={<ChevronRightIcon />}\n />\n }\n onClick={handleNextMonth}\n aria-label=\"Next month\"\n />\n </div>\n </div>\n </div>\n\n {/ Weekday headers /}\n <div className={styles['date-range-picker__weekdays']} aria-hidden>\n {WEEKDAYS.map((d) => (\n <span key={d} className={styles['date-range-picker__weekday']}>\n {d}\n </span>\n ))}\n </div>\n\n {/ Date grid */}\n <div\n ref={gridRef}\n className={styles['date-range-picker__grid']}\n role=\"grid\"\n aria-label={`${MONTHS[displayMonth]} ${displayYear}`}\n >\n {weeks.map((week, wi) => (\n <div\n key={wi}\n className={styles['date-range-picker__week']}\n role=\"row\"\n >\n {week.map((day, di) => {\n if (day == null) {\n return (\n <span\n key={di}\n className={styles['date-range-picker__day-empty']}\n role=\"gridcell\"\n />\n );\n }\n const iso = toIso(displayYear, displayMonth, day);\n const isToday = iso === todayIso;\n const isRangeStart =\n mode === 'range' && isSameDay(iso, selectedStart);\n const isRangeEnd =\n mode === 'range' &&\n Boolean(selectedEnd) &&\n isSameDay(iso, selectedEnd);\n const isSelected =\n mode === 'date'\n ? isSameDay(iso, selectedDate)\n : isRangeStart \|\| isRangeEnd;\n const isInRange =\n mode === 'range' &&\n isBetween(iso, selectedStart, selectedEnd);\n const hasRangeSpan =\n mode === 'range' &&\n Boolean(selectedStart) &&\n Boolean(selectedEnd) &&\n selectedStart !== selectedEnd;\n\n const cellClass = [\n styles['date-range-picker__day-cell'],\n isInRange\n ? styles['date-range-picker__day-cell--in-range']\n : '',\n hasRangeSpan && isRangeStart\n ? styles['date-range-picker__day-cell--range-start']\n : '',\n hasRangeSpan && isRangeEnd\n ? styles['date-range-picker__day-cell--range-end']\n : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n const dayClass = [\n styles['date-range-picker__day'],\n isSelected ? styles['date-range-picker__day--selected'] : '',\n isToday && !isSelected\n ? styles['date-range-picker__day--today']\n : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div key={di} className={cellClass} role=\"gridcell\">\n <button\n type=\"button\"\n className={dayClass}\n data-day={day}\n tabIndex={focusedDay === day ? 0 : -1}\n onClick={() => handleDayClick(iso, day)}\n onFocus={() => setFocusedDay(day)}\n onKeyDown={(e) => handleDayKeyDown(e, day)}\n aria-label={iso}\n aria-pressed={isSelected}\n aria-current={isToday ? 'date' : undefined}\n >\n {day}\n </button>\n </div>\n );\n })}\n </div>\n ))}\n </div>\n </div>,\n )}\n </div>\n );\n}\n"],"names":["CALENDAR_PREFERRED_HEIGHT","WEEKDAYS","MONTHS","formatDateDisplay","iso","y","m","d","toIso","year","month","day","getDaysInMonth","getFirstDayOfWeek","isSameDay","a","b","isBetween","date","start","end","s","e","dayFromIso","DateRangePicker","className","mode","value","startDate","endDate","onChange","onRangeChange","disabled","idProp","portalContainer","zIndex","generatedId","useId","id","popoverId","rootRef","useRef","triggerRef","gridRef","today","todayIso","displayYear","setDisplayYear","useState","displayMonth","setDisplayMonth","isOpen","setIsOpen","focusedDay","setFocusedDay","internalDate","setInternalDate","internalStart","setInternalStart","internalEnd","setInternalEnd","selectedDate","selectedStart","selectedEnd","hasValue","popoverMounted","popoverVisible","usePopoverTransition","placement","popoverStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","useCallback","restoreFocus","_a","useOutsideClose","useEffect","handleKeyDown","handleFocusIn","target","_b","daysInMonth","initialFocusDay","fromValue","fromEnd","fromStart","fromToday","frame","focusDayButton","handleToggle","open","handlePrevMonth","handleNextMonth","goToAdjacentMonth","direction","preferDay","nextMonth","nextYear","maxDay","handleToday","now","handleDayClick","moveFocusedDay","delta","next","handleDayKeyDown","handleTriggerKeyDown","firstDay","cells","_","i","weeks","displayValue","rootClass","styles","jsxs","jsx","Icon","CalendarOutlineIcon","ChevronDownIcon","Button","IconButton","ICON_BUTTON_ICON_SIZES","ChevronLeftIcon","ChevronRightIcon","week","wi","di","isToday","isRangeStart","isRangeEnd","isSelected","isInRange","hasRangeSpan","cellClass","dayClass"],"mappings":"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"}