@deephaven/components 0.77.1-beta.0 → 0.77.1-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/BaseStyleSheet.css.map +1 -1
- package/dist/BasicModal.js +2 -2
- package/dist/BasicModal.js.map +1 -1
- package/dist/ComboBox.css.map +1 -1
- package/dist/CustomTimeSelect.css.map +1 -1
- package/dist/DraggableItemList.css.map +1 -1
- package/dist/ErrorView.css +1 -1
- package/dist/ErrorView.css.map +1 -1
- package/dist/HierarchicalCheckboxMenu.css.map +1 -1
- package/dist/LoadingOverlay.css +2 -1
- package/dist/LoadingOverlay.css.map +1 -1
- package/dist/SearchInput.css.map +1 -1
- package/dist/{ButtonGroup.d.ts → SplitButtonGroup.d.ts} +5 -5
- package/dist/SplitButtonGroup.d.ts.map +1 -0
- package/dist/{ButtonGroup.js → SplitButtonGroup.js} +6 -6
- package/dist/SplitButtonGroup.js.map +1 -0
- package/dist/TimeSlider.css.map +1 -1
- package/dist/TimeSlider.module.css.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/navigation/MenuItem.css.map +1 -1
- package/dist/navigation/NavTab.d.ts.map +1 -1
- package/dist/navigation/NavTab.js +18 -5
- package/dist/navigation/NavTab.js.map +1 -1
- package/dist/navigation/NavTabList.css.map +1 -1
- package/dist/spectrum/ActionGroup.d.ts +14 -0
- package/dist/spectrum/ActionGroup.d.ts.map +1 -0
- package/dist/spectrum/ActionGroup.js +42 -0
- package/dist/spectrum/ActionGroup.js.map +1 -0
- package/dist/spectrum/ActionMenu.d.ts +15 -0
- package/dist/spectrum/ActionMenu.d.ts.map +1 -0
- package/dist/spectrum/ActionMenu.js +35 -0
- package/dist/spectrum/ActionMenu.js.map +1 -0
- package/dist/spectrum/ListActionGroup.d.ts +19 -0
- package/dist/spectrum/ListActionGroup.d.ts.map +1 -0
- package/dist/spectrum/ListActionGroup.js +9 -0
- package/dist/spectrum/ListActionGroup.js.map +1 -0
- package/dist/spectrum/ListActionMenu.d.ts +19 -0
- package/dist/spectrum/ListActionMenu.d.ts.map +1 -0
- package/dist/spectrum/ListActionMenu.js +9 -0
- package/dist/spectrum/ListActionMenu.js.map +1 -0
- package/dist/spectrum/buttons.d.ts +1 -1
- package/dist/spectrum/buttons.d.ts.map +1 -1
- package/dist/spectrum/buttons.js +5 -1
- package/dist/spectrum/buttons.js.map +1 -1
- package/dist/spectrum/collections.d.ts +1 -1
- package/dist/spectrum/collections.d.ts.map +1 -1
- package/dist/spectrum/collections.js +5 -1
- package/dist/spectrum/collections.js.map +1 -1
- package/dist/spectrum/forms.d.ts.map +1 -1
- package/dist/spectrum/forms.js +6 -1
- package/dist/spectrum/forms.js.map +1 -1
- package/dist/spectrum/index.d.ts +4 -0
- package/dist/spectrum/index.d.ts.map +1 -1
- package/dist/spectrum/index.js +4 -0
- package/dist/spectrum/index.js.map +1 -1
- package/dist/spectrum/listView/ListView.d.ts +2 -17
- package/dist/spectrum/listView/ListView.d.ts.map +1 -1
- package/dist/spectrum/listView/ListView.js.map +1 -1
- package/dist/spectrum/listView/ListViewNormalized.d.ts +3 -2
- package/dist/spectrum/listView/ListViewNormalized.d.ts.map +1 -1
- package/dist/spectrum/listView/ListViewNormalized.js +4 -2
- package/dist/spectrum/listView/ListViewNormalized.js.map +1 -1
- package/dist/spectrum/listView/ListViewWrapper.css +12 -3
- package/dist/spectrum/listView/ListViewWrapper.css.map +1 -1
- package/dist/spectrum/shared.d.ts +3 -1
- package/dist/spectrum/shared.d.ts.map +1 -1
- package/dist/spectrum/shared.js.map +1 -1
- package/dist/spectrum/utils/itemUtils.d.ts +20 -3
- package/dist/spectrum/utils/itemUtils.d.ts.map +1 -1
- package/dist/spectrum/utils/itemUtils.js.map +1 -1
- package/dist/spectrum/utils/itemWrapperUtils.d.ts +1 -1
- package/dist/spectrum/utils/itemWrapperUtils.d.ts.map +1 -1
- package/dist/spectrum/utils/itemWrapperUtils.js.map +1 -1
- package/dist/spectrum/utils/useRenderNormalizedItem.d.ts +7 -2
- package/dist/spectrum/utils/useRenderNormalizedItem.d.ts.map +1 -1
- package/dist/spectrum/utils/useRenderNormalizedItem.js +40 -6
- package/dist/spectrum/utils/useRenderNormalizedItem.js.map +1 -1
- package/package.json +7 -7
- package/scss/new_variables.scss +1 -1
- package/scss/util.scss +4 -0
- package/dist/ButtonGroup.d.ts.map +0 -1
- package/dist/ButtonGroup.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/navigation/NavTabList.scss","../../scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;ACxKA;EACE;EACA;;AAEA;EACE;EACA,QAzBS;EA0BT,WAxBY;EAyBZ;EACA;EACA;;AAEA;ECbF;EAIA,iBACE;EAIF,qBACE;EAIF;EACA;EACA;EACA;;ADAE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,aAlDQ;EAmDR;EACA;EACA;EACA;EACA;;AAEA;EACE,OD9CC;;ACiDH;EACE;EACA,ODnDC;;ACuDL;EAEE;EACA;EACA;EACA,MAtEgB;EAuEhB,OAvEgB;EAwEhB,QAvEqB;EAwErB;;AAIF;EACE;EACA;;AAIF;EACE,YA9E0B;EA+E1B;;AAGF;EAEE;EACA;;AACA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAGF;EACE,YD9FC;EC+FD;;AAIJ;EACE,ODtGG;;ACwGH;EACE;;AAGF;EACE;;AAEF;EACE;;AAIJ;EACE,ODrHG;ECsHH;;AAEA;EACE;;AAGF;EAEE;;AAMR;EACE,eDMY;ECLZ;EACA;EACA;EACA;;AAGF;EACE,cA1IqB;;AA6IvB;EACE,aA9IqB","file":"NavTabList.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n@import './util.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n 'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n in (\n 'primary',\n 'secondary',\n 'success',\n 'info',\n 'warning',\n 'danger',\n 'light',\n 'dark'\n )\n{\n $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n 'primary': 'accent',\n 'secondary': 'neutral',\n 'success': 'positive',\n 'info': 'info',\n 'warning': 'notice',\n 'danger': 'negative',\n // We shouldn't be using these, but mapping so they work with our custom\n // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n // defined in Bootstrap _variables.scss, we should remove these\n 'light': 'neutral',\n 'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n 'primary-hover': $primary-hover,\n 'primary-dark': $primary-dark,\n 'mid': $mid,\n 'content-bg': $interfacegray,\n 'background': $interfaceblack,\n 'foreground': $interfacewhite,\n 'secondary-hover': $secondary-hover,\n 'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n 'Fira Sans',\n -apple-system,\n blinkmacsystemfont,\n 'Segoe UI',\n 'Roboto',\n 'Helvetica Neue',\n arial,\n sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n 'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n color 0.12s ease-in-out,\n background-color 0.12s ease-in-out,\n border-color 0.12s ease-in-out,\n box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: color-mix(\n in srgb,\n var(--dh-color-accent) 35%,\n transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n '#',\n '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-input-disabled-fg);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n '#',\n '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '../../scss/custom.scss';\n\n$tab-height: 32px;\n$tab-drag-border-width: 1px;\n$tab-font-size: 1rem;\n\n$tab-link-side-padding: 24px;\n$tab-link-underline-spacing: 6px;\n\n$tab-link-hover-underline-color: $gray-400;\n\n$tab-link-active-color: $gray-200;\n$tab-link-active-underline-color: var(--dh-color-accent-bg);\n\n$tab-link-active-hover-underline-color: var(--dh-color-accent-bg);\n\n$tab-button-hover-color: $gray-200;\n$tab-button-separator-color: $gray-600;\n\n$tab-control-btn-offset: -8px;\n\n.nav-container {\n display: flex;\n flex-shrink: 0;\n\n .nav-tabs {\n border: none;\n height: $tab-height;\n font-size: $tab-font-size;\n flex-wrap: nowrap;\n overflow-x: hidden;\n position: relative;\n\n &.dragging {\n @include ants-base($gray-300, $background);\n }\n\n .btn-nav-tab {\n line-height: $tab-height - $tab-drag-border-width * 2; // subtract top and bottom borders, and focus border\n width: auto;\n max-width: 200px;\n overflow: hidden;\n padding: 0 $tab-link-side-padding;\n position: relative;\n text-overflow: ellipsis;\n user-select: none;\n white-space: nowrap;\n flex-shrink: 0;\n background: none;\n background-clip: padding-box;\n\n .btn-nav-tab-close {\n position: absolute;\n height: 20px;\n line-height: $tab-font-size;\n right: 0.25rem;\n bottom: 6px;\n padding: 2px 1px;\n opacity: 0;\n transition: opacity $transition ease-out;\n\n &:hover {\n color: $tab-button-hover-color;\n }\n\n &:focus {\n opacity: 1;\n color: $tab-button-hover-color;\n }\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n height: 1px;\n left: $tab-link-side-padding;\n right: $tab-link-side-padding;\n bottom: $tab-link-underline-spacing;\n transition: all $transition-mid ease-out;\n }\n\n //hover line is drawn as a before element\n &::before {\n background: transparent;\n transform: translateY($tab-link-underline-spacing);\n }\n\n //active is drawn animated overtop as after element\n &::after {\n background: $tab-link-active-underline-color;\n transform: scaleX(0);\n }\n\n &:focus {\n // these seem like something that shouldn't have a regular focus state\n box-shadow: none;\n border-color: transparent;\n &::before {\n box-shadow: 0 1px 0 1px $input-btn-focus-color;\n }\n }\n\n &:hover,\n &:focus {\n text-decoration: none;\n\n .btn-nav-tab-close {\n opacity: 1;\n }\n\n &::before {\n background: $tab-link-hover-underline-color;\n transform: translateY(0);\n }\n }\n\n &.active {\n color: $tab-link-active-color;\n\n .btn-nav-tab-close {\n opacity: 1;\n }\n\n &::after {\n transform: scaleX(1);\n }\n &::before {\n transform: translateY(0);\n }\n }\n\n &.dragging {\n color: $tab-link-active-color;\n background-color: var(--dh-color-accent-down-bg);\n\n .btn-nav-tab-close {\n opacity: 0;\n }\n\n &::before,\n &::after {\n display: none;\n }\n }\n }\n }\n\n .tab-controls-btn {\n border-radius: $border-radius;\n width: 25px;\n padding: 0;\n flex-shrink: 0;\n z-index: 2;\n }\n\n .tab-controls-btn-left {\n margin-right: $tab-control-btn-offset;\n }\n\n .tab-controls-btn-right {\n margin-left: $tab-control-btn-offset;\n }\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents, two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n linear-gradient(to right, $color-2 50%, $color-1 50%),\n linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n background-size:\n $ant-size $ant-thickness,\n $ant-size $ant-thickness,\n $ant-thickness $ant-size,\n $ant-thickness $ant-size;\n background-position:\n 0 top,\n 0 bottom,\n left 0,\n right 0;\n background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n animation: march 0.5s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n &::#{$pseudo-element} {\n content: ' ';\n background: $primary;\n box-shadow: $box-shadow;\n border-radius: $border-radius;\n position: absolute;\n height: 100%;\n width: 100%;\n @content;\n }\n}\n\n$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 13%;\n"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/navigation/NavTabList.scss","../../scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;ACxKA;EACE;EACA;;AAEA;EACE;EACA,QAzBS;EA0BT,WAxBY;EAyBZ;EACA;EACA;;AAEA;ECbF;EAIA,iBACE;EAIF,qBACE;EAIF;EACA;EACA;EACA;;ADAE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,aAlDQ;EAmDR;EACA;EACA;EACA;EACA;;AAEA;EACE,OD9CC;;ACiDH;EACE;EACA,ODnDC;;ACuDL;EAEE;EACA;EACA;EACA,MAtEgB;EAuEhB,OAvEgB;EAwEhB,QAvEqB;EAwErB;;AAIF;EACE;EACA;;AAIF;EACE,YA9E0B;EA+E1B;;AAGF;EAEE;EACA;;AACA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAGF;EACE,YD9FC;EC+FD;;AAIJ;EACE,ODtGG;;ACwGH;EACE;;AAGF;EACE;;AAEF;EACE;;AAIJ;EACE,ODrHG;ECsHH;;AAEA;EACE;;AAGF;EAEE;;AAMR;EACE,eDMY;ECLZ;EACA;EACA;EACA;;AAGF;EACE,cA1IqB;;AA6IvB;EACE,aA9IqB","file":"NavTabList.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n@import './util.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n 'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n in (\n 'primary',\n 'secondary',\n 'success',\n 'info',\n 'warning',\n 'danger',\n 'light',\n 'dark'\n )\n{\n $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n 'primary': 'accent',\n 'secondary': 'neutral',\n 'success': 'positive',\n 'info': 'info',\n 'warning': 'notice',\n 'danger': 'negative',\n // We shouldn't be using these, but mapping so they work with our custom\n // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n // defined in Bootstrap _variables.scss, we should remove these\n 'light': 'neutral',\n 'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n 'primary-hover': $primary-hover,\n 'primary-dark': $primary-dark,\n 'mid': $mid,\n 'content-bg': $interfacegray,\n 'background': $interfaceblack,\n 'foreground': $interfacewhite,\n 'secondary-hover': $secondary-hover,\n 'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n 'Fira Sans',\n -apple-system,\n blinkmacsystemfont,\n 'Segoe UI',\n 'Roboto',\n 'Helvetica Neue',\n arial,\n sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n 'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n color 0.12s ease-in-out,\n background-color 0.12s ease-in-out,\n border-color 0.12s ease-in-out,\n box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: color-mix(\n in srgb,\n var(--dh-color-accent) 35%,\n transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n '#',\n '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-input-disabled-fg);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n '#',\n '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '../../scss/custom.scss';\n\n$tab-height: 32px;\n$tab-drag-border-width: 1px;\n$tab-font-size: 1rem;\n\n$tab-link-side-padding: 24px;\n$tab-link-underline-spacing: 6px;\n\n$tab-link-hover-underline-color: $gray-400;\n\n$tab-link-active-color: $gray-200;\n$tab-link-active-underline-color: var(--dh-color-accent-bg);\n\n$tab-link-active-hover-underline-color: var(--dh-color-accent-bg);\n\n$tab-button-hover-color: $gray-200;\n$tab-button-separator-color: $gray-600;\n\n$tab-control-btn-offset: -8px;\n\n.nav-container {\n display: flex;\n flex-shrink: 0;\n\n .nav-tabs {\n border: none;\n height: $tab-height;\n font-size: $tab-font-size;\n flex-wrap: nowrap;\n overflow-x: hidden;\n position: relative;\n\n &.dragging {\n @include ants-base($gray-300, $background);\n }\n\n .btn-nav-tab {\n line-height: $tab-height - $tab-drag-border-width * 2; // subtract top and bottom borders, and focus border\n width: auto;\n max-width: 200px;\n overflow: hidden;\n padding: 0 $tab-link-side-padding;\n position: relative;\n text-overflow: ellipsis;\n user-select: none;\n white-space: nowrap;\n flex-shrink: 0;\n background: none;\n background-clip: padding-box;\n\n .btn-nav-tab-close {\n position: absolute;\n height: 20px;\n line-height: $tab-font-size;\n right: 0.25rem;\n bottom: 6px;\n padding: 2px 1px;\n opacity: 0;\n transition: opacity $transition ease-out;\n\n &:hover {\n color: $tab-button-hover-color;\n }\n\n &:focus {\n opacity: 1;\n color: $tab-button-hover-color;\n }\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n height: 1px;\n left: $tab-link-side-padding;\n right: $tab-link-side-padding;\n bottom: $tab-link-underline-spacing;\n transition: all $transition-mid ease-out;\n }\n\n //hover line is drawn as a before element\n &::before {\n background: transparent;\n transform: translateY($tab-link-underline-spacing);\n }\n\n //active is drawn animated overtop as after element\n &::after {\n background: $tab-link-active-underline-color;\n transform: scaleX(0);\n }\n\n &:focus {\n // these seem like something that shouldn't have a regular focus state\n box-shadow: none;\n border-color: transparent;\n &::before {\n box-shadow: 0 1px 0 1px $input-btn-focus-color;\n }\n }\n\n &:hover,\n &:focus {\n text-decoration: none;\n\n .btn-nav-tab-close {\n opacity: 1;\n }\n\n &::before {\n background: $tab-link-hover-underline-color;\n transform: translateY(0);\n }\n }\n\n &.active {\n color: $tab-link-active-color;\n\n .btn-nav-tab-close {\n opacity: 1;\n }\n\n &::after {\n transform: scaleX(1);\n }\n &::before {\n transform: translateY(0);\n }\n }\n\n &.dragging {\n color: $tab-link-active-color;\n background-color: var(--dh-color-accent-down-bg);\n\n .btn-nav-tab-close {\n opacity: 0;\n }\n\n &::before,\n &::after {\n display: none;\n }\n }\n }\n }\n\n .tab-controls-btn {\n border-radius: $border-radius;\n width: 25px;\n padding: 0;\n flex-shrink: 0;\n z-index: 2;\n }\n\n .tab-controls-btn-left {\n margin-right: $tab-control-btn-offset;\n }\n\n .tab-controls-btn-right {\n margin-left: $tab-control-btn-offset;\n }\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents, two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n linear-gradient(to right, $color-2 50%, $color-1 50%),\n linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n background-size:\n $ant-size $ant-thickness,\n $ant-size $ant-thickness,\n $ant-thickness $ant-size,\n $ant-thickness $ant-size;\n background-position:\n 0 top,\n 0 bottom,\n left 0,\n right 0;\n background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n animation: march 0.5s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n &::#{$pseudo-element} {\n content: ' ';\n background: $primary;\n box-shadow: $box-shadow;\n border-radius: $border-radius;\n position: absolute;\n height: 100%;\n width: 100%;\n @content;\n }\n}\n\n$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 28%;\n"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SpectrumActionGroupProps } from '@adobe/react-spectrum';
|
|
3
|
+
import { ItemsOrPrimitiveChildren } from './shared';
|
|
4
|
+
import { MultipleItemSelectionProps } from './utils';
|
|
5
|
+
export type ActionGroupProps<T> = Omit<SpectrumActionGroupProps<T>, 'children' | 'selectedKeys' | 'defaultSelectedKeys' | 'disabledKeys' | 'onSelectionChange'> & MultipleItemSelectionProps & {
|
|
6
|
+
children: ItemsOrPrimitiveChildren<T>;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Augmented version of the Spectrum ActionGroup component that supports
|
|
10
|
+
* primitive item children.
|
|
11
|
+
*/
|
|
12
|
+
export declare function ActionGroup<T>({ defaultSelectedKeys, disabledKeys, children, selectedKeys, UNSAFE_className, onChange, onSelectionChange, ...props }: ActionGroupProps<T>): JSX.Element;
|
|
13
|
+
export default ActionGroup;
|
|
14
|
+
//# sourceMappingURL=ActionGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionGroup.d.ts","sourceRoot":"","sources":["../../src/spectrum/ActionGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAoB,MAAM,SAAS,CAAC;AAEvE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,IAAI,CACpC,wBAAwB,CAAC,CAAC,CAAC,EACzB,UAAU,GACV,cAAc,GACd,qBAAqB,GACrB,cAAc,GACd,mBAAmB,CACtB,GACC,0BAA0B,GAAG;IAC3B,QAAQ,EAAE,wBAAwB,CAAC,CAAC,CAAC,CAAC;CACvC,CAAC;AAEJ;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,mBAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAwBnC;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
var _excluded = ["defaultSelectedKeys", "disabledKeys", "children", "selectedKeys", "UNSAFE_className", "onChange", "onSelectionChange"];
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
|
+
import { useMemo } from 'react';
|
|
10
|
+
import { ActionGroup as SpectrumActionGroup } from '@adobe/react-spectrum';
|
|
11
|
+
import cl from 'classnames';
|
|
12
|
+
import { wrapItemChildren } from "./utils/index.js";
|
|
13
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
+
/**
|
|
15
|
+
* Augmented version of the Spectrum ActionGroup component that supports
|
|
16
|
+
* primitive item children.
|
|
17
|
+
*/
|
|
18
|
+
export function ActionGroup(_ref) {
|
|
19
|
+
var {
|
|
20
|
+
defaultSelectedKeys,
|
|
21
|
+
disabledKeys,
|
|
22
|
+
children,
|
|
23
|
+
selectedKeys,
|
|
24
|
+
UNSAFE_className,
|
|
25
|
+
onChange,
|
|
26
|
+
onSelectionChange
|
|
27
|
+
} = _ref,
|
|
28
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
29
|
+
var wrappedChildren = useMemo(() => typeof children === 'function' ? children : wrapItemChildren(children, null), [children]);
|
|
30
|
+
return /*#__PURE__*/_jsx(SpectrumActionGroup
|
|
31
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
32
|
+
, _objectSpread(_objectSpread({}, props), {}, {
|
|
33
|
+
UNSAFE_className: cl('dh-action-group', UNSAFE_className),
|
|
34
|
+
defaultSelectedKeys: defaultSelectedKeys,
|
|
35
|
+
disabledKeys: disabledKeys,
|
|
36
|
+
selectedKeys: selectedKeys,
|
|
37
|
+
onSelectionChange: onChange !== null && onChange !== void 0 ? onChange : onSelectionChange,
|
|
38
|
+
children: wrappedChildren
|
|
39
|
+
}));
|
|
40
|
+
}
|
|
41
|
+
export default ActionGroup;
|
|
42
|
+
//# sourceMappingURL=ActionGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionGroup.js","names":["useMemo","ActionGroup","SpectrumActionGroup","cl","wrapItemChildren","jsx","_jsx","_ref","defaultSelectedKeys","disabledKeys","children","selectedKeys","UNSAFE_className","onChange","onSelectionChange","props","_objectWithoutProperties","_excluded","wrappedChildren","_objectSpread"],"sources":["../../src/spectrum/ActionGroup.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n ActionGroup as SpectrumActionGroup,\n SpectrumActionGroupProps,\n} from '@adobe/react-spectrum';\nimport cl from 'classnames';\nimport { ItemsOrPrimitiveChildren } from './shared';\nimport { MultipleItemSelectionProps, wrapItemChildren } from './utils';\n\nexport type ActionGroupProps<T> = Omit<\n SpectrumActionGroupProps<T>,\n | 'children'\n | 'selectedKeys'\n | 'defaultSelectedKeys'\n | 'disabledKeys'\n | 'onSelectionChange'\n> &\n MultipleItemSelectionProps & {\n children: ItemsOrPrimitiveChildren<T>;\n };\n\n/**\n * Augmented version of the Spectrum ActionGroup component that supports\n * primitive item children.\n */\nexport function ActionGroup<T>({\n defaultSelectedKeys,\n disabledKeys,\n children,\n selectedKeys,\n UNSAFE_className,\n onChange,\n onSelectionChange,\n ...props\n}: ActionGroupProps<T>): JSX.Element {\n const wrappedChildren = useMemo(\n () =>\n typeof children === 'function'\n ? children\n : wrapItemChildren(children, null),\n [children]\n );\n\n return (\n <SpectrumActionGroup\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n UNSAFE_className={cl('dh-action-group', UNSAFE_className)}\n defaultSelectedKeys={\n defaultSelectedKeys as SpectrumActionGroupProps<T>['defaultSelectedKeys']\n }\n disabledKeys={disabledKeys as SpectrumActionGroupProps<T>['disabledKeys']}\n selectedKeys={selectedKeys as SpectrumActionGroupProps<T>['selectedKeys']}\n onSelectionChange={onChange ?? onSelectionChange}\n >\n {wrappedChildren}\n </SpectrumActionGroup>\n );\n}\n\nexport default ActionGroup;\n"],"mappings":";;;;;;;;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,WAAW,IAAIC,mBAAmB,QAE7B,uBAAuB;AAC9B,OAAOC,EAAE,MAAM,YAAY;AAAC,SAESC,gBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAcrD;AACA;AACA;AACA;AACA,OAAO,SAASL,WAAWA,CAAAM,IAAA,EASU;EAAA,IATN;MAC7BC,mBAAmB;MACnBC,YAAY;MACZC,QAAQ;MACRC,YAAY;MACZC,gBAAgB;MAChBC,QAAQ;MACRC;IAEmB,CAAC,GAAAP,IAAA;IADjBQ,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAER,IAAMC,eAAe,GAAGlB,OAAO,CAC7B,MACE,OAAOU,QAAQ,KAAK,UAAU,GAC1BA,QAAQ,GACRN,gBAAgB,CAACM,QAAQ,EAAE,IAAI,CAAC,EACtC,CAACA,QAAQ,CACX,CAAC;EAED,oBACEJ,IAAA,CAACJ;EACC;EAAA,EAAAiB,aAAA,CAAAA,aAAA,KACIJ,KAAK;IACTH,gBAAgB,EAAET,EAAE,CAAC,iBAAiB,EAAES,gBAAgB,CAAE;IAC1DJ,mBAAmB,EACjBA,mBACD;IACDC,YAAY,EAAEA,YAA4D;IAC1EE,YAAY,EAAEA,YAA4D;IAC1EG,iBAAiB,EAAED,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIC,iBAAkB;IAAAJ,QAAA,EAEhDQ;EAAe,EACG,CAAC;AAE1B;AAEA,eAAejB,WAAW"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SpectrumActionMenuProps } from '@adobe/react-spectrum';
|
|
3
|
+
import { ItemsOrPrimitiveChildren } from './shared';
|
|
4
|
+
import { ItemKey } from './utils';
|
|
5
|
+
export type ActionMenuProps<T> = Omit<SpectrumActionMenuProps<T>, 'children' | 'disabledKeys'> & {
|
|
6
|
+
disabledKeys?: Iterable<ItemKey>;
|
|
7
|
+
children: ItemsOrPrimitiveChildren<T>;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* Augmented version of the Spectrum ActionMenu component that supports
|
|
11
|
+
* primitive item children.
|
|
12
|
+
*/
|
|
13
|
+
export declare function ActionMenu<T>({ disabledKeys, children, UNSAFE_className, ...props }: ActionMenuProps<T>): JSX.Element;
|
|
14
|
+
export default ActionMenu;
|
|
15
|
+
//# sourceMappingURL=ActionMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/spectrum/ActionMenu.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,uBAAuB,EACxB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,OAAO,EAAoB,MAAM,SAAS,CAAC;AAEpD,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,IAAI,CACnC,uBAAuB,CAAC,CAAC,CAAC,EAC1B,UAAU,GAAG,cAAc,CAC5B,GAAG;IACF,YAAY,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,wBAAwB,CAAC,CAAC,CAAC,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAC5B,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAmBlC;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
var _excluded = ["disabledKeys", "children", "UNSAFE_className"];
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
|
+
import { useMemo } from 'react';
|
|
10
|
+
import { ActionMenu as SpectrumActionMenu } from '@adobe/react-spectrum';
|
|
11
|
+
import cl from 'classnames';
|
|
12
|
+
import { wrapItemChildren } from "./utils/index.js";
|
|
13
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
+
/**
|
|
15
|
+
* Augmented version of the Spectrum ActionMenu component that supports
|
|
16
|
+
* primitive item children.
|
|
17
|
+
*/
|
|
18
|
+
export function ActionMenu(_ref) {
|
|
19
|
+
var {
|
|
20
|
+
disabledKeys,
|
|
21
|
+
children,
|
|
22
|
+
UNSAFE_className
|
|
23
|
+
} = _ref,
|
|
24
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
var wrappedChildren = useMemo(() => typeof children === 'function' ? children : wrapItemChildren(children, null), [children]);
|
|
26
|
+
return /*#__PURE__*/_jsx(SpectrumActionMenu
|
|
27
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
28
|
+
, _objectSpread(_objectSpread({}, props), {}, {
|
|
29
|
+
UNSAFE_className: cl('dh-action-menu', UNSAFE_className),
|
|
30
|
+
disabledKeys: disabledKeys,
|
|
31
|
+
children: wrappedChildren
|
|
32
|
+
}));
|
|
33
|
+
}
|
|
34
|
+
export default ActionMenu;
|
|
35
|
+
//# sourceMappingURL=ActionMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionMenu.js","names":["useMemo","ActionMenu","SpectrumActionMenu","cl","wrapItemChildren","jsx","_jsx","_ref","disabledKeys","children","UNSAFE_className","props","_objectWithoutProperties","_excluded","wrappedChildren","_objectSpread"],"sources":["../../src/spectrum/ActionMenu.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n ActionMenu as SpectrumActionMenu,\n SpectrumActionMenuProps,\n} from '@adobe/react-spectrum';\nimport cl from 'classnames';\nimport { ItemsOrPrimitiveChildren } from './shared';\nimport { ItemKey, wrapItemChildren } from './utils';\n\nexport type ActionMenuProps<T> = Omit<\n SpectrumActionMenuProps<T>,\n 'children' | 'disabledKeys'\n> & {\n disabledKeys?: Iterable<ItemKey>;\n children: ItemsOrPrimitiveChildren<T>;\n};\n\n/**\n * Augmented version of the Spectrum ActionMenu component that supports\n * primitive item children.\n */\nexport function ActionMenu<T>({\n disabledKeys,\n children,\n UNSAFE_className,\n ...props\n}: ActionMenuProps<T>): JSX.Element {\n const wrappedChildren = useMemo(\n () =>\n typeof children === 'function'\n ? children\n : wrapItemChildren(children, null),\n [children]\n );\n\n return (\n <SpectrumActionMenu\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n UNSAFE_className={cl('dh-action-menu', UNSAFE_className)}\n disabledKeys={disabledKeys as SpectrumActionMenuProps<T>['disabledKeys']}\n >\n {wrappedChildren}\n </SpectrumActionMenu>\n );\n}\n\nexport default ActionMenu;\n"],"mappings":";;;;;;;;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,UAAU,IAAIC,kBAAkB,QAE3B,uBAAuB;AAC9B,OAAOC,EAAE,MAAM,YAAY;AAAC,SAEVC,gBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUlC;AACA;AACA;AACA;AACA,OAAO,SAASL,UAAUA,CAAAM,IAAA,EAKU;EAAA,IALN;MAC5BC,YAAY;MACZC,QAAQ;MACRC;IAEkB,CAAC,GAAAH,IAAA;IADhBI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,IAAMC,eAAe,GAAGd,OAAO,CAC7B,MACE,OAAOS,QAAQ,KAAK,UAAU,GAC1BA,QAAQ,GACRL,gBAAgB,CAACK,QAAQ,EAAE,IAAI,CAAC,EACtC,CAACA,QAAQ,CACX,CAAC;EAED,oBACEH,IAAA,CAACJ;EACC;EAAA,EAAAa,aAAA,CAAAA,aAAA,KACIJ,KAAK;IACTD,gBAAgB,EAAEP,EAAE,CAAC,gBAAgB,EAAEO,gBAAgB,CAAE;IACzDF,YAAY,EAAEA,YAA2D;IAAAC,QAAA,EAExEK;EAAe,EACE,CAAC;AAEzB;AAEA,eAAeb,UAAU"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ActionGroupProps } from './ActionGroup';
|
|
2
|
+
import { ItemKey, ItemSelection } from './utils';
|
|
3
|
+
export interface ListActionGroupProps<T> extends Omit<ActionGroupProps<T>, 'onAction' | 'onChange' | 'onSelectionChange'> {
|
|
4
|
+
/**
|
|
5
|
+
* Handler that is called when an item is pressed.
|
|
6
|
+
*/
|
|
7
|
+
onAction: (actionKey: ItemKey, listItemKey: ItemKey) => void;
|
|
8
|
+
/**
|
|
9
|
+
* Handler that is called when the selection change.
|
|
10
|
+
*/
|
|
11
|
+
onChange?: (selection: ItemSelection, listItemKey: ItemKey) => void;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* This component doesn't actually render anything. It is a prop container that
|
|
15
|
+
* gets passed to `NormalizedListView`. The actual `ActionGroup` elements will
|
|
16
|
+
* be created from this component's props on each item in the list view.
|
|
17
|
+
*/
|
|
18
|
+
export declare function ListActionGroup<T>(_props: ListActionGroupProps<T>): null;
|
|
19
|
+
//# sourceMappingURL=ListActionGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListActionGroup.d.ts","sourceRoot":"","sources":["../../src/spectrum/ListActionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACrC,SAAQ,IAAI,CACV,gBAAgB,CAAC,CAAC,CAAC,EACnB,UAAU,GAAG,UAAU,GAAG,mBAAmB,CAC9C;IACD;;OAEG;IACH,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7D;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;CACrE;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAExE"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This component doesn't actually render anything. It is a prop container that
|
|
3
|
+
* gets passed to `NormalizedListView`. The actual `ActionGroup` elements will
|
|
4
|
+
* be created from this component's props on each item in the list view.
|
|
5
|
+
*/
|
|
6
|
+
export function ListActionGroup(_props) {
|
|
7
|
+
return null;
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=ListActionGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListActionGroup.js","names":["ListActionGroup","_props"],"sources":["../../src/spectrum/ListActionGroup.tsx"],"sourcesContent":["import { ActionGroupProps } from './ActionGroup';\nimport { ItemKey, ItemSelection } from './utils';\n\nexport interface ListActionGroupProps<T>\n extends Omit<\n ActionGroupProps<T>,\n 'onAction' | 'onChange' | 'onSelectionChange'\n > {\n /**\n * Handler that is called when an item is pressed.\n */\n onAction: (actionKey: ItemKey, listItemKey: ItemKey) => void;\n\n /**\n * Handler that is called when the selection change.\n */\n onChange?: (selection: ItemSelection, listItemKey: ItemKey) => void;\n}\n\n/**\n * This component doesn't actually render anything. It is a prop container that\n * gets passed to `NormalizedListView`. The actual `ActionGroup` elements will\n * be created from this component's props on each item in the list view.\n */\nexport function ListActionGroup<T>(_props: ListActionGroupProps<T>): null {\n return null;\n}\n"],"mappings":"AAmBA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,eAAeA,CAAIC,MAA+B,EAAQ;EACxE,OAAO,IAAI;AACb"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ActionMenuProps } from './ActionMenu';
|
|
2
|
+
import { ItemKey } from './utils';
|
|
3
|
+
export interface ListActionMenuProps<T> extends Omit<ActionMenuProps<T>, 'onAction' | 'onOpenChange'> {
|
|
4
|
+
/**
|
|
5
|
+
* Handler that is called when an item is pressed.
|
|
6
|
+
*/
|
|
7
|
+
onAction: (actionKey: ItemKey, listItemKey: ItemKey) => void;
|
|
8
|
+
/**
|
|
9
|
+
* Handler that is called when the the menu is opened or closed.
|
|
10
|
+
*/
|
|
11
|
+
onOpenChange?: (isOpen: boolean, listItemKey: ItemKey) => void;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* This component doesn't actually render anything. It is a prop container that
|
|
15
|
+
* gets passed to `NormalizedListView`. The actual `ActionMenu` elements will
|
|
16
|
+
* be created from this component's props on each item in the list view.
|
|
17
|
+
*/
|
|
18
|
+
export declare function ListActionMenu<T>(_props: ListActionMenuProps<T>): null;
|
|
19
|
+
//# sourceMappingURL=ListActionMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListActionMenu.d.ts","sourceRoot":"","sources":["../../src/spectrum/ListActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,MAAM,WAAW,mBAAmB,CAAC,CAAC,CACpC,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7D;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;CAChE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtE"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This component doesn't actually render anything. It is a prop container that
|
|
3
|
+
* gets passed to `NormalizedListView`. The actual `ActionMenu` elements will
|
|
4
|
+
* be created from this component's props on each item in the list view.
|
|
5
|
+
*/
|
|
6
|
+
export function ListActionMenu(_props) {
|
|
7
|
+
return null;
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=ListActionMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListActionMenu.js","names":["ListActionMenu","_props"],"sources":["../../src/spectrum/ListActionMenu.tsx"],"sourcesContent":["import { ActionMenuProps } from './ActionMenu';\nimport { ItemKey } from './utils';\n\nexport interface ListActionMenuProps<T>\n extends Omit<ActionMenuProps<T>, 'onAction' | 'onOpenChange'> {\n /**\n * Handler that is called when an item is pressed.\n */\n onAction: (actionKey: ItemKey, listItemKey: ItemKey) => void;\n\n /**\n * Handler that is called when the the menu is opened or closed.\n */\n onOpenChange?: (isOpen: boolean, listItemKey: ItemKey) => void;\n}\n\n/**\n * This component doesn't actually render anything. It is a prop container that\n * gets passed to `NormalizedListView`. The actual `ActionMenu` elements will\n * be created from this component's props on each item in the list view.\n */\nexport function ListActionMenu<T>(_props: ListActionMenuProps<T>): null {\n return null;\n}\n"],"mappings":"AAgBA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,cAAcA,CAAIC,MAA8B,EAAQ;EACtE,OAAO,IAAI;AACb"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { ActionButton, type SpectrumActionButtonProps as ActionButtonProps,
|
|
1
|
+
export { ActionButton, type SpectrumActionButtonProps as ActionButtonProps, LogicButton, type SpectrumLogicButtonProps as LogicButtonProps, ToggleButton, type SpectrumToggleButtonProps as ToggleButtonProps, } from '@adobe/react-spectrum';
|
|
2
2
|
//# sourceMappingURL=buttons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../src/spectrum/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,yBAAyB,IAAI,iBAAiB,
|
|
1
|
+
{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../src/spectrum/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,yBAAyB,IAAI,iBAAiB,EAInD,WAAW,EACX,KAAK,wBAAwB,IAAI,gBAAgB,EACjD,YAAY,EACZ,KAAK,yBAAyB,IAAI,iBAAiB,GACpD,MAAM,uBAAuB,CAAC"}
|
package/dist/spectrum/buttons.js
CHANGED
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
export { ActionButton,
|
|
1
|
+
export { ActionButton,
|
|
2
|
+
// Button - we want to use our own `Button` component instead of Spectrum's
|
|
3
|
+
// ButtonGroup - will re-export once our `Button` is compatible
|
|
4
|
+
// FileTrigger - we aren't planning to support this component
|
|
5
|
+
LogicButton, ToggleButton } from '@adobe/react-spectrum';
|
|
2
6
|
//# sourceMappingURL=buttons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttons.js","names":["ActionButton","
|
|
1
|
+
{"version":3,"file":"buttons.js","names":["ActionButton","LogicButton","ToggleButton"],"sources":["../../src/spectrum/buttons.ts"],"sourcesContent":["export {\n ActionButton,\n type SpectrumActionButtonProps as ActionButtonProps,\n // Button - we want to use our own `Button` component instead of Spectrum's\n // ButtonGroup - will re-export once our `Button` is compatible\n // FileTrigger - we aren't planning to support this component\n LogicButton,\n type SpectrumLogicButtonProps as LogicButtonProps,\n ToggleButton,\n type SpectrumToggleButtonProps as ToggleButtonProps,\n} from '@adobe/react-spectrum';\n"],"mappings":"AAAA,SACEA,YAAY;AAEZ;AACA;AACA;AACAC,WAAW,EAEXC,YAAY,QAEP,uBAAuB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { ActionBar, type SpectrumActionBarProps as ActionBarProps,
|
|
1
|
+
export { ActionBar, type SpectrumActionBarProps as ActionBarProps, MenuTrigger, type SpectrumMenuTriggerProps as MenuTriggerProps, TagGroup, type SpectrumTagGroupProps as TagGroupProps, } from '@adobe/react-spectrum';
|
|
2
2
|
//# sourceMappingURL=collections.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collections.d.ts","sourceRoot":"","sources":["../../src/spectrum/collections.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,sBAAsB,IAAI,cAAc,
|
|
1
|
+
{"version":3,"file":"collections.d.ts","sourceRoot":"","sources":["../../src/spectrum/collections.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,sBAAsB,IAAI,cAAc,EAE7C,WAAW,EACX,KAAK,wBAAwB,IAAI,gBAAgB,EAEjD,QAAQ,EACR,KAAK,qBAAqB,IAAI,aAAa,GAC5C,MAAM,uBAAuB,CAAC"}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
export { ActionBar,
|
|
1
|
+
export { ActionBar,
|
|
2
|
+
// ListBox - we aren't planning to support this component
|
|
3
|
+
MenuTrigger,
|
|
4
|
+
// TableView - we aren't planning to support this component
|
|
5
|
+
TagGroup } from '@adobe/react-spectrum';
|
|
2
6
|
//# sourceMappingURL=collections.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collections.js","names":["ActionBar","
|
|
1
|
+
{"version":3,"file":"collections.js","names":["ActionBar","MenuTrigger","TagGroup"],"sources":["../../src/spectrum/collections.ts"],"sourcesContent":["export {\n ActionBar,\n type SpectrumActionBarProps as ActionBarProps,\n // ListBox - we aren't planning to support this component\n MenuTrigger,\n type SpectrumMenuTriggerProps as MenuTriggerProps,\n // TableView - we aren't planning to support this component\n TagGroup,\n type SpectrumTagGroupProps as TagGroupProps,\n} from '@adobe/react-spectrum';\n"],"mappings":"AAAA,SACEA,SAAS;AAET;AACAC,WAAW;AAEX;AACAC,QAAQ,QAEH,uBAAuB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../src/spectrum/forms.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../src/spectrum/forms.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,KAAK,0BAA0B,IAAI,kBAAkB,EACrD,IAAI,EACJ,KAAK,iBAAiB,IAAI,SAAS,EACnC,WAAW,EACX,KAAK,wBAAwB,IAAI,gBAAgB,EAGjD,WAAW,EACX,KAAK,wBAAwB,IAAI,gBAAgB,EACjD,MAAM,EACN,KAAK,mBAAmB,IAAI,WAAW,EACvC,MAAM,EACN,KAAK,mBAAmB,IAAI,WAAW,EACvC,QAAQ,EACR,SAAS,EACT,KAAK,sBAAsB,IAAI,cAAc,GAC9C,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EAAE,qBAAqB,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC"}
|
package/dist/spectrum/forms.js
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export {
|
|
2
|
+
// Checkbox - we want to use our own `Checkbox` component instead of Spectrum's
|
|
3
|
+
CheckboxGroup, Form, NumberField,
|
|
4
|
+
// Radio - re-export once we re-export RadioGroup
|
|
5
|
+
// RadioGroup - we need to replace references to our DH `RadioGroup` before we can re-export
|
|
6
|
+
RangeSlider, Slider, Switch, TextArea, TextField } from '@adobe/react-spectrum';
|
|
2
7
|
|
|
3
8
|
// @react-types/textfield is unecessary if https://github.com/adobe/react-spectrum/pull/6090 merge
|
|
4
9
|
//# sourceMappingURL=forms.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"forms.js","names":["CheckboxGroup","Form","NumberField","RangeSlider","Slider","Switch","TextArea","TextField"],"sources":["../../src/spectrum/forms.ts"],"sourcesContent":["export {\n CheckboxGroup,\n type SpectrumCheckboxGroupProps as CheckboxGroupProps,\n Form,\n type SpectrumFormProps as FormProps,\n NumberField,\n type SpectrumNumberFieldProps as NumberFieldProps,\n RangeSlider,\n type SpectrumRangeSliderProps as RangeSliderProps,\n Slider,\n type SpectrumSliderProps as SliderProps,\n Switch,\n type SpectrumSwitchProps as SwitchProps,\n TextArea,\n TextField,\n type SpectrumTextFieldProps as TextFieldProps,\n} from '@adobe/react-spectrum';\n\n// @react-types/textfield is unecessary if https://github.com/adobe/react-spectrum/pull/6090 merge\nexport type { SpectrumTextAreaProps as TextAreaProps } from '@react-types/textfield';\n"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"forms.js","names":["CheckboxGroup","Form","NumberField","RangeSlider","Slider","Switch","TextArea","TextField"],"sources":["../../src/spectrum/forms.ts"],"sourcesContent":["export {\n // Checkbox - we want to use our own `Checkbox` component instead of Spectrum's\n CheckboxGroup,\n type SpectrumCheckboxGroupProps as CheckboxGroupProps,\n Form,\n type SpectrumFormProps as FormProps,\n NumberField,\n type SpectrumNumberFieldProps as NumberFieldProps,\n // Radio - re-export once we re-export RadioGroup\n // RadioGroup - we need to replace references to our DH `RadioGroup` before we can re-export\n RangeSlider,\n type SpectrumRangeSliderProps as RangeSliderProps,\n Slider,\n type SpectrumSliderProps as SliderProps,\n Switch,\n type SpectrumSwitchProps as SwitchProps,\n TextArea,\n TextField,\n type SpectrumTextFieldProps as TextFieldProps,\n} from '@adobe/react-spectrum';\n\n// @react-types/textfield is unecessary if https://github.com/adobe/react-spectrum/pull/6090 merge\nexport type { SpectrumTextAreaProps as TextAreaProps } from '@react-types/textfield';\n"],"mappings":"AAAA;AACE;AACAA,aAAa,EAEbC,IAAI,EAEJC,WAAW;AAEX;AACA;AACAC,WAAW,EAEXC,MAAM,EAENC,MAAM,EAENC,QAAQ,EACRC,SAAS,QAEJ,uBAAuB;;AAE9B"}
|
package/dist/spectrum/index.d.ts
CHANGED
|
@@ -16,6 +16,10 @@ export * from './status';
|
|
|
16
16
|
/**
|
|
17
17
|
* Custom DH components wrapping React Spectrum components.
|
|
18
18
|
*/
|
|
19
|
+
export * from './ActionMenu';
|
|
20
|
+
export * from './ActionGroup';
|
|
21
|
+
export * from './ListActionGroup';
|
|
22
|
+
export * from './ListActionMenu';
|
|
19
23
|
export * from './listView';
|
|
20
24
|
export * from './picker';
|
|
21
25
|
export * from './Heading';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spectrum/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AAEzB;;GAEG;AACH,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAEvB;;GAEG;AACH,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spectrum/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AAEzB;;GAEG;AACH,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAEvB;;GAEG;AACH,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}
|
package/dist/spectrum/index.js
CHANGED
|
@@ -16,6 +16,10 @@ export * from "./status.js";
|
|
|
16
16
|
/**
|
|
17
17
|
* Custom DH components wrapping React Spectrum components.
|
|
18
18
|
*/
|
|
19
|
+
export * from "./ActionMenu.js";
|
|
20
|
+
export * from "./ActionGroup.js";
|
|
21
|
+
export * from "./ListActionGroup.js";
|
|
22
|
+
export * from "./ListActionMenu.js";
|
|
19
23
|
export * from "./listView/index.js";
|
|
20
24
|
export * from "./picker/index.js";
|
|
21
25
|
export * from "./Heading.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/spectrum/index.ts"],"sourcesContent":["/**\n * Re-exporting React Spectrum components + props.\n */\nexport * from './buttons';\nexport * from './collections';\nexport * from './content';\nexport * from './dateAndTime';\nexport * from './forms';\nexport * from './icons';\nexport * from './layout';\nexport * from './navigation';\nexport * from './overlays';\nexport * from './pickers';\nexport * from './shared';\nexport * from './status';\n\n/**\n * Custom DH components wrapping React Spectrum components.\n */\nexport * from './listView';\nexport * from './picker';\nexport * from './Heading';\nexport * from './Text';\nexport * from './View';\n\n/**\n * Custom DH spectrum utils\n */\nexport * from './ItemContent';\nexport * from './ItemTooltip';\nexport * from './utils';\n"],"mappings":"AAAA;AACA;AACA;AAFA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AACA;AACA;AAFA;AAAA;AAAA;AAAA;AAAA;
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/spectrum/index.ts"],"sourcesContent":["/**\n * Re-exporting React Spectrum components + props.\n */\nexport * from './buttons';\nexport * from './collections';\nexport * from './content';\nexport * from './dateAndTime';\nexport * from './forms';\nexport * from './icons';\nexport * from './layout';\nexport * from './navigation';\nexport * from './overlays';\nexport * from './pickers';\nexport * from './shared';\nexport * from './status';\n\n/**\n * Custom DH components wrapping React Spectrum components.\n */\nexport * from './ActionMenu';\nexport * from './ActionGroup';\nexport * from './ListActionGroup';\nexport * from './ListActionMenu';\nexport * from './listView';\nexport * from './picker';\nexport * from './Heading';\nexport * from './Text';\nexport * from './View';\n\n/**\n * Custom DH spectrum utils\n */\nexport * from './ItemContent';\nexport * from './ItemTooltip';\nexport * from './utils';\n"],"mappings":"AAAA;AACA;AACA;AAFA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AACA;AACA;AAFA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AACA;AACA;AAFA;AAAA;AAAA"}
|
|
@@ -1,28 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { SpectrumListViewProps } from '@adobe/react-spectrum';
|
|
3
|
-
import {
|
|
3
|
+
import { MultipleItemSelectionProps, NormalizedItem, TooltipOptions } from '../utils';
|
|
4
4
|
import { ItemElementOrPrimitive } from '../shared';
|
|
5
|
-
export type ListViewProps = {
|
|
5
|
+
export type ListViewProps = MultipleItemSelectionProps & {
|
|
6
6
|
children: ItemElementOrPrimitive | ItemElementOrPrimitive[];
|
|
7
7
|
/** Can be set to true or a TooltipOptions to enable item tooltips */
|
|
8
8
|
tooltip?: boolean | TooltipOptions;
|
|
9
|
-
selectedKeys?: 'all' | Iterable<ItemKey>;
|
|
10
|
-
defaultSelectedKeys?: 'all' | Iterable<ItemKey>;
|
|
11
|
-
disabledKeys?: Iterable<ItemKey>;
|
|
12
|
-
/**
|
|
13
|
-
* Handler that is called when the selection change.
|
|
14
|
-
* Note that under the hood, this is just an alias for Spectrum's
|
|
15
|
-
* `onSelectionChange`. We are renaming for better consistency with other
|
|
16
|
-
* components.
|
|
17
|
-
*/
|
|
18
|
-
onChange?: (keys: ItemSelection) => void;
|
|
19
9
|
/** Handler that is called when the picker is scrolled. */
|
|
20
10
|
onScroll?: (event: Event) => void;
|
|
21
|
-
/**
|
|
22
|
-
* Handler that is called when the selection changes.
|
|
23
|
-
* @deprecated Use `onChange` instead
|
|
24
|
-
*/
|
|
25
|
-
onSelectionChange?: (keys: ItemSelection) => void;
|
|
26
11
|
} & Omit<SpectrumListViewProps<NormalizedItem>, 'children' | 'items' | 'selectedKeys' | 'defaultSelectedKeys' | 'disabledKeys' | 'onSelectionChange'>;
|
|
27
12
|
export declare function ListView({ children, tooltip, selectedKeys, defaultSelectedKeys, disabledKeys, UNSAFE_className, onChange, onScroll, onSelectionChange, ...spectrumListViewProps }: ListViewProps): JSX.Element | null;
|
|
28
13
|
export default ListView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../src/spectrum/listView/ListView.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../src/spectrum/listView/ListView.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,OAAO,EACL,0BAA0B,EAC1B,cAAc,EAEd,cAAc,EAEf,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG,0BAA0B,GAAG;IACvD,QAAQ,EAAE,sBAAsB,GAAG,sBAAsB,EAAE,CAAC;IAC5D,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IAEnC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC,GAAG,IAAI,CACJ,qBAAqB,CAAC,cAAc,CAAC,EACnC,UAAU,GACV,OAAO,GACP,cAAc,GACd,qBAAqB,GACrB,cAAc,GACd,mBAAmB,CACtB,CAAC;AAEJ,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,QAAyB,EACzB,iBAAiB,EACjB,GAAG,qBAAqB,EACzB,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA+BpC;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListView.js","names":["useMemo","cl","EMPTY_FUNCTION","normalizeTooltipOptions","wrapItemChildren","ListViewWrapper","jsx","_jsx","ListView","_ref","children","tooltip","selectedKeys","defaultSelectedKeys","disabledKeys","UNSAFE_className","onChange","onScroll","onSelectionChange","spectrumListViewProps","_objectWithoutProperties","_excluded","tooltipOptions","wrappedItems","_objectSpread"],"sources":["../../../src/spectrum/listView/ListView.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { SpectrumListViewProps } from '@adobe/react-spectrum';\nimport cl from 'classnames';\nimport { EMPTY_FUNCTION } from '@deephaven/utils';\nimport {\n
|
|
1
|
+
{"version":3,"file":"ListView.js","names":["useMemo","cl","EMPTY_FUNCTION","normalizeTooltipOptions","wrapItemChildren","ListViewWrapper","jsx","_jsx","ListView","_ref","children","tooltip","selectedKeys","defaultSelectedKeys","disabledKeys","UNSAFE_className","onChange","onScroll","onSelectionChange","spectrumListViewProps","_objectWithoutProperties","_excluded","tooltipOptions","wrappedItems","_objectSpread"],"sources":["../../../src/spectrum/listView/ListView.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { SpectrumListViewProps } from '@adobe/react-spectrum';\nimport cl from 'classnames';\nimport { EMPTY_FUNCTION } from '@deephaven/utils';\nimport {\n MultipleItemSelectionProps,\n NormalizedItem,\n normalizeTooltipOptions,\n TooltipOptions,\n wrapItemChildren,\n} from '../utils';\nimport { ListViewWrapper, ListViewWrapperProps } from './ListViewWrapper';\nimport { ItemElementOrPrimitive } from '../shared';\n\nexport type ListViewProps = MultipleItemSelectionProps & {\n children: ItemElementOrPrimitive | ItemElementOrPrimitive[];\n /** Can be set to true or a TooltipOptions to enable item tooltips */\n tooltip?: boolean | TooltipOptions;\n\n /** Handler that is called when the picker is scrolled. */\n onScroll?: (event: Event) => void;\n} & Omit<\n SpectrumListViewProps<NormalizedItem>,\n | 'children'\n | 'items'\n | 'selectedKeys'\n | 'defaultSelectedKeys'\n | 'disabledKeys'\n | 'onSelectionChange'\n >;\n\nexport function ListView({\n children,\n tooltip = true,\n selectedKeys,\n defaultSelectedKeys,\n disabledKeys,\n UNSAFE_className,\n onChange,\n onScroll = EMPTY_FUNCTION,\n onSelectionChange,\n ...spectrumListViewProps\n}: ListViewProps): JSX.Element | null {\n const tooltipOptions = useMemo(\n () => normalizeTooltipOptions(tooltip, 'bottom'),\n [tooltip]\n );\n\n const wrappedItems = useMemo(\n () => wrapItemChildren(children, tooltipOptions),\n [children, tooltipOptions]\n );\n\n return (\n <ListViewWrapper\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...spectrumListViewProps}\n UNSAFE_className={cl('dh-list-view', UNSAFE_className)}\n selectedKeys={\n selectedKeys as ListViewWrapperProps<unknown>['selectedKeys']\n }\n defaultSelectedKeys={\n defaultSelectedKeys as ListViewWrapperProps<unknown>['defaultSelectedKeys']\n }\n disabledKeys={\n disabledKeys as ListViewWrapperProps<unknown>['disabledKeys']\n }\n onScroll={onScroll}\n onSelectionChange={onChange ?? onSelectionChange}\n >\n {wrappedItems}\n </ListViewWrapper>\n );\n}\n\nexport default ListView;\n"],"mappings":";;;;;;;;AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,OAAOC,EAAE,MAAM,YAAY;AAC3B,SAASC,cAAc,QAAQ,kBAAkB;AAAC,SAIhDC,uBAAuB,EAEvBC,gBAAgB;AAAA,SAETC,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAoBxB,OAAO,SAASC,QAAQA,CAAAC,IAAA,EAWc;EAAA,IAXb;MACvBC,QAAQ;MACRC,OAAO,GAAG,IAAI;MACdC,YAAY;MACZC,mBAAmB;MACnBC,YAAY;MACZC,gBAAgB;MAChBC,QAAQ;MACRC,QAAQ,GAAGf,cAAc;MACzBgB;IAEa,CAAC,GAAAT,IAAA;IADXU,qBAAqB,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAExB,IAAMC,cAAc,GAAGtB,OAAO,CAC5B,MAAMG,uBAAuB,CAACQ,OAAO,EAAE,QAAQ,CAAC,EAChD,CAACA,OAAO,CACV,CAAC;EAED,IAAMY,YAAY,GAAGvB,OAAO,CAC1B,MAAMI,gBAAgB,CAACM,QAAQ,EAAEY,cAAc,CAAC,EAChD,CAACZ,QAAQ,EAAEY,cAAc,CAC3B,CAAC;EAED,oBACEf,IAAA,CAACF;EACC;EAAA,EAAAmB,aAAA,CAAAA,aAAA,KACIL,qBAAqB;IACzBJ,gBAAgB,EAAEd,EAAE,CAAC,cAAc,EAAEc,gBAAgB,CAAE;IACvDH,YAAY,EACVA,YACD;IACDC,mBAAmB,EACjBA,mBACD;IACDC,YAAY,EACVA,YACD;IACDG,QAAQ,EAAEA,QAAS;IACnBC,iBAAiB,EAAEF,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIE,iBAAkB;IAAAR,QAAA,EAEhDa;EAAY,EACE,CAAC;AAEtB;AAEA,eAAef,QAAQ"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { NormalizedItem } from '../utils';
|
|
2
|
+
import { ListActions, NormalizedItem } from '../utils';
|
|
3
3
|
import type { ListViewProps } from './ListView';
|
|
4
4
|
export interface ListViewNormalizedProps extends Omit<ListViewProps, 'children'> {
|
|
5
5
|
normalizedItems: NormalizedItem[];
|
|
6
6
|
showItemIcons: boolean;
|
|
7
|
+
actions?: ListActions<unknown>;
|
|
7
8
|
}
|
|
8
9
|
/**
|
|
9
10
|
* ListView supporting normalized item data. This component mostly exists to
|
|
@@ -17,6 +18,6 @@ export interface ListViewNormalizedProps extends Omit<ListViewProps, 'children'>
|
|
|
17
18
|
* - `@deephaven/components`'s `ListView` for non-table data sources
|
|
18
19
|
* - `@deephaven/jsapi-components`'s `ListView` for table data sources
|
|
19
20
|
*/
|
|
20
|
-
export declare function ListViewNormalized({ normalizedItems, tooltip, selectedKeys, defaultSelectedKeys, disabledKeys, showItemIcons, UNSAFE_className, onChange, onSelectionChange, ...props }: ListViewNormalizedProps): JSX.Element;
|
|
21
|
+
export declare function ListViewNormalized({ normalizedItems, tooltip, selectedKeys, defaultSelectedKeys, disabledKeys, showItemIcons, actions, UNSAFE_className, onChange, onSelectionChange, ...props }: ListViewNormalizedProps): JSX.Element;
|
|
21
22
|
export default ListViewNormalized;
|
|
22
23
|
//# sourceMappingURL=ListViewNormalized.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListViewNormalized.d.ts","sourceRoot":"","sources":["../../../src/spectrum/listView/ListViewNormalized.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,cAAc,EAIf,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACvC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,aAAa,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListViewNormalized.d.ts","sourceRoot":"","sources":["../../../src/spectrum/listView/ListViewNormalized.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,WAAW,EACX,cAAc,EAIf,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACvC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAChC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,eAAe,EACf,OAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAmDvC;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["normalizedItems", "tooltip", "selectedKeys", "defaultSelectedKeys", "disabledKeys", "showItemIcons", "UNSAFE_className", "onChange", "onSelectionChange"];
|
|
1
|
+
var _excluded = ["normalizedItems", "tooltip", "selectedKeys", "defaultSelectedKeys", "disabledKeys", "showItemIcons", "actions", "UNSAFE_className", "onChange", "onSelectionChange"];
|
|
2
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -31,6 +31,7 @@ export function ListViewNormalized(_ref) {
|
|
|
31
31
|
defaultSelectedKeys,
|
|
32
32
|
disabledKeys,
|
|
33
33
|
showItemIcons,
|
|
34
|
+
actions,
|
|
34
35
|
UNSAFE_className,
|
|
35
36
|
onChange,
|
|
36
37
|
onSelectionChange
|
|
@@ -45,7 +46,8 @@ export function ListViewNormalized(_ref) {
|
|
|
45
46
|
// https://github.com/deephaven/web-client-ui/issues/1958
|
|
46
47
|
showItemDescriptions: false,
|
|
47
48
|
showItemIcons,
|
|
48
|
-
tooltipOptions
|
|
49
|
+
tooltipOptions,
|
|
50
|
+
actions
|
|
49
51
|
});
|
|
50
52
|
|
|
51
53
|
// Spectrum doesn't re-render if only the `renderNormalizedItems` function
|