@deephaven/components 0.78.1-beta.0 → 0.78.1-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +0 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -3
- package/dist/index.js.map +1 -1
- package/dist/spectrum/forms.d.ts +1 -1
- package/dist/spectrum/forms.d.ts.map +1 -1
- package/dist/spectrum/forms.js +1 -4
- package/dist/spectrum/forms.js.map +1 -1
- package/dist/theme/theme-spectrum/theme-spectrum-overrides.css +1 -1
- package/dist/theme/theme-spectrum/theme-spectrum-overrides.css.map +1 -1
- package/package.json +7 -7
- package/dist/ButtonOld.d.ts +0 -12
- package/dist/ButtonOld.d.ts.map +0 -1
- package/dist/ButtonOld.js +0 -43
- package/dist/ButtonOld.js.map +0 -1
- package/dist/RadioGroup.d.ts +0 -23
- package/dist/RadioGroup.d.ts.map +0 -1
- package/dist/RadioGroup.js +0 -38
- package/dist/RadioGroup.js.map +0 -1
- package/dist/RadioItem.d.ts +0 -31
- package/dist/RadioItem.d.ts.map +0 -1
- package/dist/RadioItem.js +0 -59
- package/dist/RadioItem.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -4,7 +4,6 @@ export { default as AutoCompleteInput } from './AutoCompleteInput';
|
|
|
4
4
|
export { default as AutoResizeTextarea } from './AutoResizeTextarea';
|
|
5
5
|
export { default as BasicModal } from './BasicModal';
|
|
6
6
|
export { default as Button } from './Button';
|
|
7
|
-
export { default as ButtonOld } from './ButtonOld';
|
|
8
7
|
export * from './BulkActionBar';
|
|
9
8
|
export { default as CardFlip } from './CardFlip';
|
|
10
9
|
export * from './context-actions';
|
|
@@ -38,8 +37,6 @@ export * from './navigation';
|
|
|
38
37
|
export { default as Option } from './Option';
|
|
39
38
|
export * from './popper';
|
|
40
39
|
export * from './modal';
|
|
41
|
-
export { default as RadioGroup } from './RadioGroup';
|
|
42
|
-
export { default as RadioItem } from './RadioItem';
|
|
43
40
|
export { default as RandomAreaPlotAnimation } from './RandomAreaPlotAnimation';
|
|
44
41
|
export * from './SearchableCombobox';
|
|
45
42
|
export { default as Select } from './Select';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC9C,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,6 @@ export { default as AutoCompleteInput } from "./AutoCompleteInput.js";
|
|
|
3
3
|
export { default as AutoResizeTextarea } from "./AutoResizeTextarea.js";
|
|
4
4
|
export { default as BasicModal } from "./BasicModal.js";
|
|
5
5
|
export { default as Button } from "./Button.js";
|
|
6
|
-
export { default as ButtonOld } from "./ButtonOld.js";
|
|
7
6
|
export * from "./BulkActionBar.js";
|
|
8
7
|
export { default as CardFlip } from "./CardFlip.js";
|
|
9
8
|
export * from "./context-actions/index.js";
|
|
@@ -37,8 +36,6 @@ export * from "./navigation/index.js";
|
|
|
37
36
|
export { default as Option } from "./Option.js";
|
|
38
37
|
export * from "./popper/index.js";
|
|
39
38
|
export * from "./modal/index.js";
|
|
40
|
-
export { default as RadioGroup } from "./RadioGroup.js";
|
|
41
|
-
export { default as RadioItem } from "./RadioItem.js";
|
|
42
39
|
export { default as RandomAreaPlotAnimation } from "./RandomAreaPlotAnimation.js";
|
|
43
40
|
export * from "./SearchableCombobox.js";
|
|
44
41
|
export { default as Select } from "./Select.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","AutoCompleteInput","AutoResizeTextarea","BasicModal","Button","
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","AutoCompleteInput","AutoResizeTextarea","BasicModal","Button","CardFlip","Collapse","Checkbox","ComboBox","CopyButton","CustomTimeSelect","DateTimeInput","DateInput","DebouncedSearchInput","DraggableItemList","DragUtils","EditableItemList","ErrorView","HierarchicalCheckboxMenu","ItemListItem","LoadingOverlay","LoadingSpinner","DropdownMenu","MaskedInput","Option","RandomAreaPlotAnimation","Select","SearchInput","SelectValueList","SocketedButton","ThemeExport","TimeInput","TimeSlider","ToastNotification","UISwitch"],"sources":["../src/index.ts"],"sourcesContent":["export type { Range } from '@deephaven/utils';\nexport * from './actions';\nexport { default as AutoCompleteInput } from './AutoCompleteInput';\nexport { default as AutoResizeTextarea } from './AutoResizeTextarea';\nexport { default as BasicModal } from './BasicModal';\nexport { default as Button } from './Button';\nexport * from './BulkActionBar';\nexport { default as CardFlip } from './CardFlip';\nexport * from './context-actions';\nexport { default as Collapse } from './Collapse';\nexport { default as Checkbox } from './Checkbox';\nexport { default as ComboBox } from './ComboBox';\nexport { default as CopyButton } from './CopyButton';\nexport { default as CustomTimeSelect } from './CustomTimeSelect';\nexport { default as DateTimeInput } from './DateTimeInput';\nexport { default as DateInput } from './DateInput';\nexport { default as DebouncedSearchInput } from './DebouncedSearchInput';\nexport * from './dialogs';\nexport { default as DraggableItemList } from './DraggableItemList';\nexport * from './DraggableItemList';\nexport { default as DragUtils } from './DragUtils';\nexport { default as EditableItemList } from './EditableItemList';\nexport * from './ErrorBoundary';\nexport { default as ErrorView } from './ErrorView';\nexport { default as HierarchicalCheckboxMenu } from './HierarchicalCheckboxMenu';\nexport * from './HierarchicalCheckboxMenu';\nexport * from './ItemList';\nexport { default as ItemListItem } from './ItemListItem';\nexport { default as LoadingOverlay } from './LoadingOverlay';\nexport { default as LoadingSpinner } from './LoadingSpinner';\nexport { default as DropdownMenu } from './menu-actions';\nexport * from './menu-actions';\nexport { default as MaskedInput } from './MaskedInput';\nexport * from './MaskedInput';\nexport * from './MaskedInputUtils';\nexport * from './navigation';\nexport { default as Option } from './Option';\nexport * from './popper';\nexport * from './modal';\nexport { default as RandomAreaPlotAnimation } from './RandomAreaPlotAnimation';\nexport * from './SearchableCombobox';\nexport { default as Select } from './Select';\nexport { default as SearchInput } from './SearchInput';\nexport { default as SelectValueList } from './SelectValueList';\nexport * from './SelectValueList';\nexport * from './shortcuts';\nexport { default as SocketedButton } from './SocketedButton';\nexport * from './spectrum';\nexport * from './SplitButtonGroup';\nexport * from './TableViewEmptyState';\nexport * from './TextWithTooltip';\nexport * from './theme';\nexport * from './transitions';\nexport { default as ThemeExport } from './ThemeExport';\nexport { default as TimeInput } from './TimeInput';\nexport { default as TimeSlider } from './TimeSlider';\nexport { default as ToastNotification } from './ToastNotification';\nexport { default as UISwitch } from './UISwitch';\n"],"mappings":";SAESA,OAAO,IAAIC,iBAAiB;AAAA,SAC5BD,OAAO,IAAIE,kBAAkB;AAAA,SAC7BF,OAAO,IAAIG,UAAU;AAAA,SACrBH,OAAO,IAAII,MAAM;AAAA;AAAA,SAEjBJ,OAAO,IAAIK,QAAQ;AAAA;AAAA,SAEnBL,OAAO,IAAIM,QAAQ;AAAA,SACnBN,OAAO,IAAIO,QAAQ;AAAA,SACnBP,OAAO,IAAIQ,QAAQ;AAAA,SACnBR,OAAO,IAAIS,UAAU;AAAA,SACrBT,OAAO,IAAIU,gBAAgB;AAAA,SAC3BV,OAAO,IAAIW,aAAa;AAAA,SACxBX,OAAO,IAAIY,SAAS;AAAA,SACpBZ,OAAO,IAAIa,oBAAoB;AAAA;AAAA,SAE/Bb,OAAO,IAAIc,iBAAiB;AAAA;AAAA,SAE5Bd,OAAO,IAAIe,SAAS;AAAA,SACpBf,OAAO,IAAIgB,gBAAgB;AAAA;AAAA,SAE3BhB,OAAO,IAAIiB,SAAS;AAAA,SACpBjB,OAAO,IAAIkB,wBAAwB;AAAA;AAAA;AAAA,SAGnClB,OAAO,IAAImB,YAAY;AAAA,SACvBnB,OAAO,IAAIoB,cAAc;AAAA,SACzBpB,OAAO,IAAIqB,cAAc;AAAA,SACzBrB,OAAO,IAAIsB,YAAY;AAAA;AAAA,SAEvBtB,OAAO,IAAIuB,WAAW;AAAA;AAAA;AAAA;AAAA,SAItBvB,OAAO,IAAIwB,MAAM;AAAA;AAAA;AAAA,SAGjBxB,OAAO,IAAIyB,uBAAuB;AAAA;AAAA,SAElCzB,OAAO,IAAI0B,MAAM;AAAA,SACjB1B,OAAO,IAAI2B,WAAW;AAAA,SACtB3B,OAAO,IAAI4B,eAAe;AAAA;AAAA;AAAA,SAG1B5B,OAAO,IAAI6B,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAOzB7B,OAAO,IAAI8B,WAAW;AAAA,SACtB9B,OAAO,IAAI+B,SAAS;AAAA,SACpB/B,OAAO,IAAIgC,UAAU;AAAA,SACrBhC,OAAO,IAAIiC,iBAAiB;AAAA,SAC5BjC,OAAO,IAAIkC,QAAQ"}
|
package/dist/spectrum/forms.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { CheckboxGroup, type SpectrumCheckboxGroupProps as CheckboxGroupProps, Form, type SpectrumFormProps as FormProps, NumberField, type SpectrumNumberFieldProps as NumberFieldProps, RangeSlider, type SpectrumRangeSliderProps as RangeSliderProps, Slider, type SpectrumSliderProps as SliderProps, Switch, type SpectrumSwitchProps as SwitchProps, TextArea, TextField, type SpectrumTextFieldProps as TextFieldProps, } from '@adobe/react-spectrum';
|
|
1
|
+
export { CheckboxGroup, type SpectrumCheckboxGroupProps as CheckboxGroupProps, Form, type SpectrumFormProps as FormProps, NumberField, type SpectrumNumberFieldProps as NumberFieldProps, Radio, RadioGroup, RangeSlider, type SpectrumRangeSliderProps as RangeSliderProps, Slider, type SpectrumSliderProps as SliderProps, Switch, type SpectrumSwitchProps as SwitchProps, TextArea, TextField, type SpectrumTextFieldProps as TextFieldProps, } from '@adobe/react-spectrum';
|
|
2
2
|
export type { SpectrumTextAreaProps as TextAreaProps } from '@react-types/textfield';
|
|
3
3
|
//# sourceMappingURL=forms.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EACjD,KAAK,EACL,UAAU,EACV,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,9 +1,6 @@
|
|
|
1
1
|
export {
|
|
2
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';
|
|
3
|
+
CheckboxGroup, Form, NumberField, Radio, RadioGroup, RangeSlider, Slider, Switch, TextArea, TextField } from '@adobe/react-spectrum';
|
|
7
4
|
|
|
8
5
|
// @react-types/textfield is unecessary if https://github.com/adobe/react-spectrum/pull/6090 merge
|
|
9
6
|
//# 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 // 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
|
|
1
|
+
{"version":3,"file":"forms.js","names":["CheckboxGroup","Form","NumberField","Radio","RadioGroup","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,\n RadioGroup,\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,EAEXC,KAAK,EACLC,UAAU,EACVC,WAAW,EAEXC,MAAM,EAENC,MAAM,EAENC,QAAQ,EACRC,SAAS,QAEJ,uBAAuB;;AAE9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[class*=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class*=spectrum-]{margin-bottom:0}svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}[class*=spectrum-Table-headCell]{--dh-table-header-cell-background-color: transparent;background:var(--dh-table-header-cell-background-color)}[class*=spectrum-Table-row]{--spectrum-table-row-border-color-selected: var( --dh-color-item-list-selected-border )}[class*=spectrum-Table--quiet]{--spectrum-alias-background-color-default: transparent}[class*=spectrum-ListView]{--spectrum-listview-item-border-color-selected: var( --dh-color-item-list-selected-border )}button[class*=spectrum-Button]{--spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-top:calc(var(--spectrum-global-dimension-size-50))}button[class*=spectrum-Button] svg{padding-bottom:var(--spectrum-global-dimension-size-25)}span[class*=spectrum-Checkbox-label],span[class*=spectrum-Radio-label]{margin-top:var(--spectrum-global-dimension-size-85)}/*# sourceMappingURL=theme-spectrum-overrides.css.map */
|
|
1
|
+
[class*=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class*=spectrum-]{margin-bottom:0}svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}[class*=spectrum-Table-headCell]{--dh-table-header-cell-background-color: transparent;background:var(--dh-table-header-cell-background-color)}[class*=spectrum-Table-row]{--spectrum-table-row-border-color-selected: var( --dh-color-item-list-selected-border )}[class*=spectrum-Table--quiet]{--spectrum-alias-background-color-default: transparent}[class*=spectrum-ListView]{--spectrum-listview-item-border-color-selected: var( --dh-color-item-list-selected-border )}button[class*=spectrum-Button]{--spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-top:calc(var(--spectrum-global-dimension-size-50))}button[class*=spectrum-Button] svg{padding-bottom:var(--spectrum-global-dimension-size-25)}span[class*=spectrum-Checkbox-label],span[class*=spectrum-Radio-label]{margin-top:var(--spectrum-global-dimension-size-85)}label[class*=spectrum-Radio]{--spectrum-radio-emphasized-circle-border-color-error: var( --dh-color-negative-bg );--spectrum-radio-emphasized-circle-border-color-error-hover: var( --dh-color-negative-hover-bg );--spectrum-radio-emphasized-circle-border-color-error-down: var( --dh-color-negative-down-bg );--spectrum-radio-circle-border-color-error-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-radio-circle-border-color-error-selected-key-focus: var( --dh-color-negative-key-focus-bg )}/*# sourceMappingURL=theme-spectrum-overrides.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAGF,8CAEE,uBAGF,6CAKE,oEAQF,iCACE,oGAOF,iCAME,qDAEA,wDAGF,4BAEE,wFAKF,+BAEE,uDAGF,2BAEE,4FAKF,+BAEE,6EAGA,oEACA,2DAGF,mCAEE,wDAGF,uEAKE","file":"theme-spectrum-overrides.css","sourcesContent":["[class*='spectrum'] {\n /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n Spectrum to use the same default font-family */\n font-family: var(--font-family-sans-serif) !important;\n}\n\n/* Override _reboot.scss */\nlabel[class*='spectrum-'] {\n margin-bottom: 0;\n}\n\nsvg[class*='spectrum-Textfield-validationIcon'] {\n /* set as border-box by reboot, but spectrum expects this to be content-box */\n box-sizing: content-box;\n}\n\n.svg-inline--fa[class*='spectrum-Icon--sizeS'] {\n /* \n Resize fontawesome icons used inside a spectrum icon wrapper to match\n our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n */\n --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n\n/** \n * Spectrum action button icons only include right padding if the the icon is \n * the only child. In cases where we add a <Tooltip>, we have to manually add \n * the right padding ourselves to keep the icon centered.\n */\n.action-button-icon-with-tooltip {\n padding-right: var(\n --spectrum-actionbutton-icon-padding-x,\n var(--spectrum-global-dimension-size-85)\n );\n}\n\n/* Table */\n[class*='spectrum-Table-headCell'] {\n /* \n Tables are styled with the assumption that the header is the same color as the bg\n which means they look bad against any other background color, instead just inherit the bg.\n There is also no variable exposed for this, so we have to target the class directly.\n */\n --dh-table-header-cell-background-color: transparent;\n\n background: var(--dh-table-header-cell-background-color);\n}\n\n[class*='spectrum-Table-row'] {\n /* border of selected color is hard-coded as blue rather than accent color */\n --spectrum-table-row-border-color-selected: var(\n --dh-color-item-list-selected-border\n );\n}\n\n[class*='spectrum-Table--quiet'] {\n /* Quiet shouldn't assume a bg color */\n --spectrum-alias-background-color-default: transparent;\n}\n\n[class*='spectrum-ListView'] {\n /* border of selected color is hard-coded as blue rather than accent color */\n --spectrum-listview-item-border-color-selected: var(\n --dh-color-item-list-selected-border\n );\n}\n\nbutton[class*='spectrum-Button'] {\n /* make the icon closer to the text */\n --spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);\n\n /* Center the text vertically. We use a different font then spectrum so we require different custom centering */\n padding-bottom: calc(var(--spectrum-global-dimension-size-50) - 1px);\n padding-top: calc(var(--spectrum-global-dimension-size-50));\n}\n\nbutton[class*='spectrum-Button'] svg {\n /* our icons are smaller, center them too */\n padding-bottom: var(--spectrum-global-dimension-size-25);\n}\n\nspan[class*='spectrum-Checkbox-label'],\nspan[class*='spectrum-Radio-label'] {\n /* I have no idea why these spectrum labels aren't centered,\n but this fixes it. Maybe difference in font baselines.\n */\n margin-top: var(--spectrum-global-dimension-size-85);\n}\n"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAGF,8CAEE,uBAGF,6CAKE,oEAQF,iCACE,oGAOF,iCAME,qDAEA,wDAGF,4BAEE,wFAKF,+BAEE,uDAGF,2BAEE,4FAKF,+BAEE,6EAGA,oEACA,2DAGF,mCAEE,wDAGF,uEAKE,oDAEF,6BACE,qFAGA,iGAGA,+FAGA,8FAGA","file":"theme-spectrum-overrides.css","sourcesContent":["[class*='spectrum'] {\n /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n Spectrum to use the same default font-family */\n font-family: var(--font-family-sans-serif) !important;\n}\n\n/* Override _reboot.scss */\nlabel[class*='spectrum-'] {\n margin-bottom: 0;\n}\n\nsvg[class*='spectrum-Textfield-validationIcon'] {\n /* set as border-box by reboot, but spectrum expects this to be content-box */\n box-sizing: content-box;\n}\n\n.svg-inline--fa[class*='spectrum-Icon--sizeS'] {\n /* \n Resize fontawesome icons used inside a spectrum icon wrapper to match\n our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n */\n --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n\n/** \n * Spectrum action button icons only include right padding if the the icon is \n * the only child. In cases where we add a <Tooltip>, we have to manually add \n * the right padding ourselves to keep the icon centered.\n */\n.action-button-icon-with-tooltip {\n padding-right: var(\n --spectrum-actionbutton-icon-padding-x,\n var(--spectrum-global-dimension-size-85)\n );\n}\n\n/* Table */\n[class*='spectrum-Table-headCell'] {\n /* \n Tables are styled with the assumption that the header is the same color as the bg\n which means they look bad against any other background color, instead just inherit the bg.\n There is also no variable exposed for this, so we have to target the class directly.\n */\n --dh-table-header-cell-background-color: transparent;\n\n background: var(--dh-table-header-cell-background-color);\n}\n\n[class*='spectrum-Table-row'] {\n /* border of selected color is hard-coded as blue rather than accent color */\n --spectrum-table-row-border-color-selected: var(\n --dh-color-item-list-selected-border\n );\n}\n\n[class*='spectrum-Table--quiet'] {\n /* Quiet shouldn't assume a bg color */\n --spectrum-alias-background-color-default: transparent;\n}\n\n[class*='spectrum-ListView'] {\n /* border of selected color is hard-coded as blue rather than accent color */\n --spectrum-listview-item-border-color-selected: var(\n --dh-color-item-list-selected-border\n );\n}\n\nbutton[class*='spectrum-Button'] {\n /* make the icon closer to the text */\n --spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);\n\n /* Center the text vertically. We use a different font then spectrum so we require different custom centering */\n padding-bottom: calc(var(--spectrum-global-dimension-size-50) - 1px);\n padding-top: calc(var(--spectrum-global-dimension-size-50));\n}\n\nbutton[class*='spectrum-Button'] svg {\n /* our icons are smaller, center them too */\n padding-bottom: var(--spectrum-global-dimension-size-25);\n}\n\nspan[class*='spectrum-Checkbox-label'],\nspan[class*='spectrum-Radio-label'] {\n /* I have no idea why these spectrum labels aren't centered,\n but this fixes it. Maybe difference in font baselines.\n */\n margin-top: var(--spectrum-global-dimension-size-85);\n}\nlabel[class*='spectrum-Radio'] {\n --spectrum-radio-emphasized-circle-border-color-error: var(\n --dh-color-negative-bg\n );\n --spectrum-radio-emphasized-circle-border-color-error-hover: var(\n --dh-color-negative-hover-bg\n );\n --spectrum-radio-emphasized-circle-border-color-error-down: var(\n --dh-color-negative-down-bg\n );\n --spectrum-radio-circle-border-color-error-key-focus: var(\n --dh-color-negative-key-focus-bg\n );\n --spectrum-radio-circle-border-color-error-selected-key-focus: var(\n --dh-color-negative-key-focus-bg\n );\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deephaven/components",
|
|
3
|
-
"version": "0.78.1-beta.
|
|
3
|
+
"version": "0.78.1-beta.1+c9ac72da",
|
|
4
4
|
"description": "Deephaven React component library",
|
|
5
5
|
"author": "Deephaven Data Labs LLC",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@adobe/react-spectrum": "3.33.1",
|
|
28
|
-
"@deephaven/icons": "^0.78.1-beta.
|
|
29
|
-
"@deephaven/log": "^0.78.1-beta.
|
|
30
|
-
"@deephaven/react-hooks": "^0.78.1-beta.
|
|
31
|
-
"@deephaven/utils": "^0.78.1-beta.
|
|
28
|
+
"@deephaven/icons": "^0.78.1-beta.1+c9ac72da",
|
|
29
|
+
"@deephaven/log": "^0.78.1-beta.1+c9ac72da",
|
|
30
|
+
"@deephaven/react-hooks": "^0.78.1-beta.1+c9ac72da",
|
|
31
|
+
"@deephaven/utils": "^0.78.1-beta.1+c9ac72da",
|
|
32
32
|
"@fortawesome/fontawesome-svg-core": "^6.2.1",
|
|
33
33
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
34
34
|
"@react-spectrum/theme-default": "^3.5.1",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"react-dom": ">=16.8.0"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@deephaven/mocks": "^0.78.1-beta.
|
|
58
|
+
"@deephaven/mocks": "^0.78.1-beta.1+c9ac72da"
|
|
59
59
|
},
|
|
60
60
|
"files": [
|
|
61
61
|
"dist",
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"publishConfig": {
|
|
70
70
|
"access": "public"
|
|
71
71
|
},
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "c9ac72daddc4bc63012a675aa801af8ee807eff6"
|
|
73
73
|
}
|
package/dist/ButtonOld.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React, { MouseEventHandler } from 'react';
|
|
2
|
-
interface ButtonProps {
|
|
3
|
-
children?: React.ReactNode;
|
|
4
|
-
className?: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
7
|
-
style?: React.CSSProperties;
|
|
8
|
-
id?: string;
|
|
9
|
-
}
|
|
10
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
-
export default Button;
|
|
12
|
-
//# sourceMappingURL=ButtonOld.d.ts.map
|
package/dist/ButtonOld.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonOld.d.ts","sourceRoot":"","sources":["../src/ButtonOld.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AACD,QAAA,MAAM,MAAM,uFAiBX,CAAC;AAsBF,eAAe,MAAM,CAAC"}
|
package/dist/ButtonOld.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
var Button = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
6
|
-
var {
|
|
7
|
-
children,
|
|
8
|
-
className,
|
|
9
|
-
disabled,
|
|
10
|
-
onClick,
|
|
11
|
-
style,
|
|
12
|
-
id
|
|
13
|
-
} = props;
|
|
14
|
-
return /*#__PURE__*/_jsx("button", {
|
|
15
|
-
ref: ref,
|
|
16
|
-
type: "button",
|
|
17
|
-
className: classNames('btn', className),
|
|
18
|
-
onClick: onClick,
|
|
19
|
-
style: style,
|
|
20
|
-
disabled: disabled,
|
|
21
|
-
id: id,
|
|
22
|
-
children: children
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
|
-
Button.displayName = 'Button';
|
|
26
|
-
Button.propTypes = {
|
|
27
|
-
children: PropTypes.node,
|
|
28
|
-
className: PropTypes.string,
|
|
29
|
-
disabled: PropTypes.bool,
|
|
30
|
-
onClick: PropTypes.func,
|
|
31
|
-
style: PropTypes.shape({}),
|
|
32
|
-
id: PropTypes.string
|
|
33
|
-
};
|
|
34
|
-
Button.defaultProps = {
|
|
35
|
-
children: null,
|
|
36
|
-
className: '',
|
|
37
|
-
disabled: false,
|
|
38
|
-
onClick: () => null,
|
|
39
|
-
style: {},
|
|
40
|
-
id: ''
|
|
41
|
-
};
|
|
42
|
-
export default Button;
|
|
43
|
-
//# sourceMappingURL=ButtonOld.js.map
|
package/dist/ButtonOld.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonOld.js","names":["React","classNames","PropTypes","jsx","_jsx","Button","forwardRef","props","ref","children","className","disabled","onClick","style","id","type","displayName","propTypes","node","string","bool","func","shape","defaultProps"],"sources":["../src/ButtonOld.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\ninterface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n onClick?: MouseEventHandler<HTMLButtonElement>;\n style?: React.CSSProperties;\n id?: string;\n}\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (props: ButtonProps, ref) => {\n const { children, className, disabled, onClick, style, id } = props;\n return (\n <button\n ref={ref}\n type=\"button\"\n className={classNames('btn', className)}\n onClick={onClick}\n style={style}\n disabled={disabled}\n id={id}\n >\n {children}\n </button>\n );\n }\n);\n\nButton.displayName = 'Button';\n\nButton.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n style: PropTypes.shape({}),\n id: PropTypes.string,\n};\n\nButton.defaultProps = {\n children: null,\n className: '',\n disabled: false,\n onClick: () => null,\n style: {},\n id: '',\n};\n\nexport default Button;\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUnC,IAAMC,MAAM,gBAAGL,KAAK,CAACM,UAAU,CAC7B,CAACC,KAAkB,EAAEC,GAAG,KAAK;EAC3B,IAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAG,CAAC,GAAGP,KAAK;EACnE,oBACEH,IAAA;IACEI,GAAG,EAAEA,GAAI;IACTO,IAAI,EAAC,QAAQ;IACbL,SAAS,EAAET,UAAU,CAAC,KAAK,EAAES,SAAS,CAAE;IACxCE,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbF,QAAQ,EAAEA,QAAS;IACnBG,EAAE,EAAEA,EAAG;IAAAL,QAAA,EAENA;EAAQ,CACH,CAAC;AAEb,CACF,CAAC;AAEDJ,MAAM,CAACW,WAAW,GAAG,QAAQ;AAE7BX,MAAM,CAACY,SAAS,GAAG;EACjBR,QAAQ,EAAEP,SAAS,CAACgB,IAAI;EACxBR,SAAS,EAAER,SAAS,CAACiB,MAAM;EAC3BR,QAAQ,EAAET,SAAS,CAACkB,IAAI;EACxBR,OAAO,EAAEV,SAAS,CAACmB,IAAI;EACvBR,KAAK,EAAEX,SAAS,CAACoB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC1BR,EAAE,EAAEZ,SAAS,CAACiB;AAChB,CAAC;AAEDd,MAAM,CAACkB,YAAY,GAAG;EACpBd,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,KAAK,EAAE,CAAC,CAAC;EACTC,EAAE,EAAE;AACN,CAAC;AAED,eAAeT,MAAM"}
|
package/dist/RadioGroup.d.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type RadioGroupProps = {
|
|
3
|
-
/** The radio items to populate this radio. Should be of type RadioItem. */
|
|
4
|
-
children?: React.ReactElement | React.ReactElement[];
|
|
5
|
-
/** The name to use for the radio items. If not specified, a name is automatically generated */
|
|
6
|
-
name?: string;
|
|
7
|
-
/** Triggered when a radio button is changed */
|
|
8
|
-
onChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
9
|
-
/** The currently selected value. Will automatically set the `checked` attribute of the RadioItem. */
|
|
10
|
-
value?: string;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
'data-testid'?: string;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* A group of radio buttons. Use with RadioItems to populate, eg.
|
|
16
|
-
* <RadioGroup>
|
|
17
|
-
* <RadioItem .../>
|
|
18
|
-
* <RadioItem .../>
|
|
19
|
-
* </RadioGroup>
|
|
20
|
-
*/
|
|
21
|
-
declare function RadioGroup(props: RadioGroupProps): JSX.Element;
|
|
22
|
-
export default RadioGroup;
|
|
23
|
-
//# sourceMappingURL=RadioGroup.d.ts.map
|
package/dist/RadioGroup.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,KAAK,eAAe,GAAG;IACrB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAErD,+FAA+F;IAC/F,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAErD,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;;;GAMG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA2BvD;AAED,eAAe,UAAU,CAAC"}
|
package/dist/RadioGroup.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import shortid from 'shortid';
|
|
3
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
/**
|
|
6
|
-
* A group of radio buttons. Use with RadioItems to populate, eg.
|
|
7
|
-
* <RadioGroup>
|
|
8
|
-
* <RadioItem .../>
|
|
9
|
-
* <RadioItem .../>
|
|
10
|
-
* </RadioGroup>
|
|
11
|
-
*/
|
|
12
|
-
function RadioGroup(props) {
|
|
13
|
-
var {
|
|
14
|
-
children,
|
|
15
|
-
disabled = false,
|
|
16
|
-
name: propsName,
|
|
17
|
-
onChange,
|
|
18
|
-
value = '',
|
|
19
|
-
'data-testid': dataTestId
|
|
20
|
-
} = props;
|
|
21
|
-
var [name] = useState(propsName !== null && propsName !== void 0 ? propsName : shortid());
|
|
22
|
-
|
|
23
|
-
// Need to use "text" type so we can apply a pattern and make selection properly
|
|
24
|
-
return /*#__PURE__*/_jsx(_Fragment, {
|
|
25
|
-
children: React.Children.map(children, child => {
|
|
26
|
-
var _child$props$onChange, _child$props$disabled;
|
|
27
|
-
return child ? /*#__PURE__*/React.cloneElement(child, {
|
|
28
|
-
name,
|
|
29
|
-
onChange: (_child$props$onChange = child.props.onChange) !== null && _child$props$onChange !== void 0 ? _child$props$onChange : onChange,
|
|
30
|
-
checked: value === child.props.value,
|
|
31
|
-
disabled: (_child$props$disabled = child.props.disabled) !== null && _child$props$disabled !== void 0 ? _child$props$disabled : disabled,
|
|
32
|
-
'data-testid': dataTestId
|
|
33
|
-
}) : null;
|
|
34
|
-
})
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
export default RadioGroup;
|
|
38
|
-
//# sourceMappingURL=RadioGroup.js.map
|
package/dist/RadioGroup.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","names":["React","useState","shortid","Fragment","_Fragment","jsx","_jsx","RadioGroup","props","children","disabled","name","propsName","onChange","value","dataTestId","Children","map","child","_child$props$onChange","_child$props$disabled","cloneElement","checked"],"sources":["../src/RadioGroup.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport shortid from 'shortid';\n\ntype RadioGroupProps = {\n /** The radio items to populate this radio. Should be of type RadioItem. */\n children?: React.ReactElement | React.ReactElement[];\n\n /** The name to use for the radio items. If not specified, a name is automatically generated */\n name?: string;\n\n /** Triggered when a radio button is changed */\n onChange: React.ChangeEventHandler<HTMLInputElement>;\n\n /** The currently selected value. Will automatically set the `checked` attribute of the RadioItem. */\n value?: string;\n\n disabled?: boolean;\n 'data-testid'?: string;\n};\n\n/**\n * A group of radio buttons. Use with RadioItems to populate, eg.\n * <RadioGroup>\n * <RadioItem .../>\n * <RadioItem .../>\n * </RadioGroup>\n */\nfunction RadioGroup(props: RadioGroupProps): JSX.Element {\n const {\n children,\n disabled = false,\n name: propsName,\n onChange,\n value = '',\n 'data-testid': dataTestId,\n } = props;\n const [name] = useState(propsName ?? shortid());\n\n // Need to use \"text\" type so we can apply a pattern and make selection properly\n return (\n <>\n {React.Children.map(children, child =>\n child\n ? React.cloneElement(child, {\n name,\n onChange: child.props.onChange ?? onChange,\n checked: value === child.props.value,\n disabled: child.props.disabled ?? disabled,\n 'data-testid': dataTestId,\n })\n : null\n )}\n </>\n );\n}\n\nexport default RadioGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,OAAO,MAAM,SAAS;AAAC,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAmB9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAACC,KAAsB,EAAe;EACvD,IAAM;IACJC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,IAAI,EAAEC,SAAS;IACfC,QAAQ;IACRC,KAAK,GAAG,EAAE;IACV,aAAa,EAAEC;EACjB,CAAC,GAAGP,KAAK;EACT,IAAM,CAACG,IAAI,CAAC,GAAGV,QAAQ,CAACW,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIV,OAAO,CAAC,CAAC,CAAC;;EAE/C;EACA,oBACEI,IAAA,CAAAF,SAAA;IAAAK,QAAA,EACGT,KAAK,CAACgB,QAAQ,CAACC,GAAG,CAACR,QAAQ,EAAES,KAAK;MAAA,IAAAC,qBAAA,EAAAC,qBAAA;MAAA,OACjCF,KAAK,gBACDlB,KAAK,CAACqB,YAAY,CAACH,KAAK,EAAE;QACxBP,IAAI;QACJE,QAAQ,GAAAM,qBAAA,GAAED,KAAK,CAACV,KAAK,CAACK,QAAQ,cAAAM,qBAAA,cAAAA,qBAAA,GAAIN,QAAQ;QAC1CS,OAAO,EAAER,KAAK,KAAKI,KAAK,CAACV,KAAK,CAACM,KAAK;QACpCJ,QAAQ,GAAAU,qBAAA,GAAEF,KAAK,CAACV,KAAK,CAACE,QAAQ,cAAAU,qBAAA,cAAAA,qBAAA,GAAIV,QAAQ;QAC1C,aAAa,EAAEK;MACjB,CAAC,CAAC,GACF,IAAI;IAAA,CACV;EAAC,CACD,CAAC;AAEP;AAEA,eAAeR,UAAU"}
|
package/dist/RadioItem.d.ts
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type RadioItemProps = {
|
|
3
|
-
/** Whether this value is currently checked or not */
|
|
4
|
-
checked?: boolean;
|
|
5
|
-
/** The node/text to put in the label of this radio item */
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
/** An extra class name to add to the outer div component */
|
|
8
|
-
className?: string;
|
|
9
|
-
/** An extra class for disabling the radio button component */
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/** An extra class name for the input component */
|
|
12
|
-
inputClassName?: string;
|
|
13
|
-
/** The value is invalid, style to show it's invalid */
|
|
14
|
-
isInvalid?: boolean;
|
|
15
|
-
/** An extra class name for the label component */
|
|
16
|
-
labelClassName?: string;
|
|
17
|
-
/** The name for this RadioItem. Should be specified by the parent Radio component */
|
|
18
|
-
name?: string;
|
|
19
|
-
/** Triggered when the input is checked/unchecked. Provided by the parent Radio component. */
|
|
20
|
-
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
21
|
-
/** The value to associate with this radio item */
|
|
22
|
-
value: string;
|
|
23
|
-
/** An id used for test */
|
|
24
|
-
'data-testid'?: string;
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* A RadioItem to be used within the Radio component.
|
|
28
|
-
*/
|
|
29
|
-
declare const RadioItem: React.ForwardRefExoticComponent<RadioItemProps & React.RefAttributes<HTMLInputElement>>;
|
|
30
|
-
export default RadioItem;
|
|
31
|
-
//# sourceMappingURL=RadioItem.d.ts.map
|
package/dist/RadioItem.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioItem.d.ts","sourceRoot":"","sources":["../src/RadioItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,KAAK,cAAc,GAAG;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2DAA2D;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAEtD,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,SAAS,yFA2Cd,CAAC;AAgBF,eAAe,SAAS,CAAC"}
|
package/dist/RadioItem.js
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import shortid from 'shortid';
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
-
/**
|
|
7
|
-
* A RadioItem to be used within the Radio component.
|
|
8
|
-
*/
|
|
9
|
-
var RadioItem = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
10
|
-
var {
|
|
11
|
-
checked,
|
|
12
|
-
children,
|
|
13
|
-
className = '',
|
|
14
|
-
disabled = false,
|
|
15
|
-
inputClassName = '',
|
|
16
|
-
isInvalid = false,
|
|
17
|
-
labelClassName = '',
|
|
18
|
-
name,
|
|
19
|
-
onChange,
|
|
20
|
-
value,
|
|
21
|
-
'data-testid': dataTestId
|
|
22
|
-
} = props;
|
|
23
|
-
var [id] = useState(shortid());
|
|
24
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
25
|
-
className: classNames('custom-control custom-radio', className),
|
|
26
|
-
children: [/*#__PURE__*/_jsx("input", {
|
|
27
|
-
type: "radio",
|
|
28
|
-
id: id,
|
|
29
|
-
"data-testid": dataTestId,
|
|
30
|
-
name: name,
|
|
31
|
-
ref: ref,
|
|
32
|
-
className: classNames('custom-control-input', inputClassName, {
|
|
33
|
-
'is-invalid': isInvalid
|
|
34
|
-
}),
|
|
35
|
-
checked: checked,
|
|
36
|
-
disabled: disabled,
|
|
37
|
-
value: value,
|
|
38
|
-
onChange: onChange
|
|
39
|
-
}), /*#__PURE__*/_jsx("label", {
|
|
40
|
-
className: classNames('custom-control-label', labelClassName),
|
|
41
|
-
htmlFor: id,
|
|
42
|
-
children: children
|
|
43
|
-
})]
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
RadioItem.displayName = 'RadioItem';
|
|
47
|
-
RadioItem.defaultProps = {
|
|
48
|
-
checked: undefined,
|
|
49
|
-
className: '',
|
|
50
|
-
disabled: false,
|
|
51
|
-
inputClassName: '',
|
|
52
|
-
isInvalid: false,
|
|
53
|
-
labelClassName: '',
|
|
54
|
-
name: undefined,
|
|
55
|
-
onChange: undefined,
|
|
56
|
-
'data-testid': undefined
|
|
57
|
-
};
|
|
58
|
-
export default RadioItem;
|
|
59
|
-
//# sourceMappingURL=RadioItem.js.map
|
package/dist/RadioItem.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioItem.js","names":["React","useState","classNames","shortid","jsx","_jsx","jsxs","_jsxs","RadioItem","forwardRef","props","ref","checked","children","className","disabled","inputClassName","isInvalid","labelClassName","name","onChange","value","dataTestId","id","type","htmlFor","displayName","defaultProps","undefined"],"sources":["../src/RadioItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport shortid from 'shortid';\n\ntype RadioItemProps = {\n /** Whether this value is currently checked or not */\n checked?: boolean;\n\n /** The node/text to put in the label of this radio item */\n children: React.ReactNode;\n\n /** An extra class name to add to the outer div component */\n className?: string;\n\n /** An extra class for disabling the radio button component */\n disabled?: boolean;\n\n /** An extra class name for the input component */\n inputClassName?: string;\n\n /** The value is invalid, style to show it's invalid */\n isInvalid?: boolean;\n\n /** An extra class name for the label component */\n labelClassName?: string;\n\n /** The name for this RadioItem. Should be specified by the parent Radio component */\n name?: string;\n\n /** Triggered when the input is checked/unchecked. Provided by the parent Radio component. */\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n /** The value to associate with this radio item */\n value: string;\n\n /** An id used for test */\n 'data-testid'?: string;\n};\n\n/**\n * A RadioItem to be used within the Radio component.\n */\nconst RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(\n (props: RadioItemProps, ref) => {\n const {\n checked,\n children,\n className = '',\n disabled = false,\n inputClassName = '',\n isInvalid = false,\n labelClassName = '',\n name,\n onChange,\n value,\n 'data-testid': dataTestId,\n } = props;\n\n const [id] = useState(shortid());\n\n return (\n <div className={classNames('custom-control custom-radio', className)}>\n <input\n type=\"radio\"\n id={id}\n data-testid={dataTestId}\n name={name}\n ref={ref}\n className={classNames('custom-control-input', inputClassName, {\n 'is-invalid': isInvalid,\n })}\n checked={checked}\n disabled={disabled}\n value={value}\n onChange={onChange}\n />\n <label\n className={classNames('custom-control-label', labelClassName)}\n htmlFor={id}\n >\n {children}\n </label>\n </div>\n );\n }\n);\n\nRadioItem.displayName = 'RadioItem';\n\nRadioItem.defaultProps = {\n checked: undefined,\n className: '',\n disabled: false,\n inputClassName: '',\n isInvalid: false,\n labelClassName: '',\n name: undefined,\n onChange: undefined,\n 'data-testid': undefined,\n};\n\nexport default RadioItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAqC9B;AACA;AACA;AACA,IAAMC,SAAS,gBAAGR,KAAK,CAACS,UAAU,CAChC,CAACC,KAAqB,EAAEC,GAAG,KAAK;EAC9B,IAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,SAAS,GAAG,EAAE;IACdC,QAAQ,GAAG,KAAK;IAChBC,cAAc,GAAG,EAAE;IACnBC,SAAS,GAAG,KAAK;IACjBC,cAAc,GAAG,EAAE;IACnBC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACL,aAAa,EAAEC;EACjB,CAAC,GAAGZ,KAAK;EAET,IAAM,CAACa,EAAE,CAAC,GAAGtB,QAAQ,CAACE,OAAO,CAAC,CAAC,CAAC;EAEhC,oBACEI,KAAA;IAAKO,SAAS,EAAEZ,UAAU,CAAC,6BAA6B,EAAEY,SAAS,CAAE;IAAAD,QAAA,gBACnER,IAAA;MACEmB,IAAI,EAAC,OAAO;MACZD,EAAE,EAAEA,EAAG;MACP,eAAaD,UAAW;MACxBH,IAAI,EAAEA,IAAK;MACXR,GAAG,EAAEA,GAAI;MACTG,SAAS,EAAEZ,UAAU,CAAC,sBAAsB,EAAEc,cAAc,EAAE;QAC5D,YAAY,EAAEC;MAChB,CAAC,CAAE;MACHL,OAAO,EAAEA,OAAQ;MACjBG,QAAQ,EAAEA,QAAS;MACnBM,KAAK,EAAEA,KAAM;MACbD,QAAQ,EAAEA;IAAS,CACpB,CAAC,eACFf,IAAA;MACES,SAAS,EAAEZ,UAAU,CAAC,sBAAsB,EAAEgB,cAAc,CAAE;MAC9DO,OAAO,EAAEF,EAAG;MAAAV,QAAA,EAEXA;IAAQ,CACJ,CAAC;EAAA,CACL,CAAC;AAEV,CACF,CAAC;AAEDL,SAAS,CAACkB,WAAW,GAAG,WAAW;AAEnClB,SAAS,CAACmB,YAAY,GAAG;EACvBf,OAAO,EAAEgB,SAAS;EAClBd,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,KAAK;EACfC,cAAc,EAAE,EAAE;EAClBC,SAAS,EAAE,KAAK;EAChBC,cAAc,EAAE,EAAE;EAClBC,IAAI,EAAES,SAAS;EACfR,QAAQ,EAAEQ,SAAS;EACnB,aAAa,EAAEA;AACjB,CAAC;AAED,eAAepB,SAAS"}
|