@neo4j-ndl/react 4.24.1 → 4.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/_common/form-control/FormFieldLabel.js +1 -1
- package/lib/cjs/_common/form-control/FormFieldLabel.js.map +1 -1
- package/lib/cjs/_common/form-control/FormFieldMessage.js +1 -1
- package/lib/cjs/_common/form-control/FormFieldMessage.js.map +1 -1
- package/lib/cjs/_common/form-control/form-control-types.js +1 -1
- package/lib/cjs/_common/form-control/form-control-types.js.map +1 -1
- package/lib/cjs/_common/form-control/form-field-group-context.js +32 -0
- package/lib/cjs/_common/form-control/form-field-group-context.js.map +1 -0
- package/lib/cjs/_common/form-control/index.js +5 -2
- package/lib/cjs/_common/form-control/index.js.map +1 -1
- package/lib/cjs/_common/form-control/use-form-field.js +1 -1
- package/lib/cjs/_common/form-control/use-form-field.js.map +1 -1
- package/lib/cjs/_common/form-control/use-inline-field-label.js +1 -1
- package/lib/cjs/_common/form-control/use-inline-field-label.js.map +1 -1
- package/lib/cjs/_generated/style-rules/color-utils.js +1 -1
- package/lib/cjs/_generated/style-rules/numeric-utils.js +1 -1
- package/lib/cjs/accordion/accordion-types.js +1 -1
- package/lib/cjs/announcement-banner/AnnouncementBanner.js +1 -1
- package/lib/cjs/announcement-banner/AnnouncementBanner.js.map +1 -1
- package/lib/cjs/announcement-banner/index.js +1 -1
- package/lib/cjs/announcement-banner/index.js.map +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-closeable.story.js +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-closeable.story.js.map +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-custom-icons.story.js +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-custom-icons.story.js.map +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-default.story.js +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-default.story.js.map +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-injected-non-urgent.story.js +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-injected-non-urgent.story.js.map +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-injected-urgent.story.js +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-injected-urgent.story.js.map +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-present-at-page-render.story.js +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-present-at-page-render.story.js.map +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-variants.story.js +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-variants.story.js.map +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-with-actions.story.js +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-with-actions.story.js.map +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-with-page-content.story.js +1 -1
- package/lib/cjs/announcement-banner/stories/announcement-banner-with-page-content.story.js.map +1 -1
- package/lib/cjs/announcement-banner/stories/index.js +1 -1
- package/lib/cjs/announcement-banner/stories/index.js.map +1 -1
- package/lib/cjs/box/Box.js +1 -1
- package/lib/cjs/checkbox/Checkbox.js +6 -3
- package/lib/cjs/checkbox/Checkbox.js.map +1 -1
- package/lib/cjs/checkbox-group/CheckboxGroup.js +52 -0
- package/lib/cjs/checkbox-group/CheckboxGroup.js.map +1 -0
- package/lib/cjs/checkbox-group/index.js +26 -0
- package/lib/cjs/checkbox-group/index.js.map +1 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-default.story.js +30 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-default.story.js.map +1 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-disabled.story.js +30 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-disabled.story.js.map +1 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-error.story.js +30 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-error.story.js.map +1 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-optional.story.js +30 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-optional.story.js.map +1 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-required.story.js +30 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-required.story.js.map +1 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-visually-hidden-label.story.js +30 -0
- package/lib/cjs/checkbox-group/stories/checkbox-group-visually-hidden-label.story.js.map +1 -0
- package/lib/cjs/checkbox-group/stories/index.js +52 -0
- package/lib/cjs/checkbox-group/stories/index.js.map +1 -0
- package/lib/cjs/clean-icon-button/CleanIconButton.js +1 -1
- package/lib/cjs/data-grid/DataGrid.js +1 -1
- package/lib/cjs/data-grid/data-grid-context.js +1 -1
- package/lib/cjs/data-grid/data-grid-nav/index.js +1 -1
- package/lib/cjs/data-grid/helpers/index.js +1 -1
- package/lib/cjs/data-grid/stories/staticData.js +1 -1
- package/lib/cjs/dialog/Dialog.js +8 -9
- package/lib/cjs/dialog/Dialog.js.map +1 -1
- package/lib/cjs/dismissible-tag/DismissibleTag.js +1 -1
- package/lib/cjs/fieldset/Fieldset.js +78 -0
- package/lib/cjs/fieldset/Fieldset.js.map +1 -0
- package/lib/cjs/fieldset/index.js +26 -0
- package/lib/cjs/fieldset/index.js.map +1 -0
- package/lib/cjs/fieldset/stories/fieldset-default.story.js +30 -0
- package/lib/cjs/fieldset/stories/fieldset-default.story.js.map +1 -0
- package/lib/cjs/fieldset/stories/fieldset-disabled.story.js +30 -0
- package/lib/cjs/fieldset/stories/fieldset-disabled.story.js.map +1 -0
- package/lib/cjs/fieldset/stories/fieldset-error.story.js +30 -0
- package/lib/cjs/fieldset/stories/fieldset-error.story.js.map +1 -0
- package/lib/cjs/fieldset/stories/fieldset-optional.story.js +30 -0
- package/lib/cjs/fieldset/stories/fieldset-optional.story.js.map +1 -0
- package/lib/cjs/fieldset/stories/fieldset-required.story.js +30 -0
- package/lib/cjs/fieldset/stories/fieldset-required.story.js.map +1 -0
- package/lib/cjs/fieldset/stories/fieldset-visually-hidden-label.story.js +30 -0
- package/lib/cjs/fieldset/stories/fieldset-visually-hidden-label.story.js.map +1 -0
- package/lib/cjs/fieldset/stories/index.js +52 -0
- package/lib/cjs/fieldset/stories/index.js.map +1 -0
- package/lib/cjs/filled-button/FilledButton.js +1 -1
- package/lib/cjs/icon-button/IconButton.js +1 -1
- package/lib/cjs/icons/generated/custom/FloppyDiskArrowTopRight.js +1 -1
- package/lib/cjs/icons/generated/custom/FloppyDiskArrowTopRight.js.map +1 -1
- package/lib/cjs/index.js +8 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/kbd/kbd-utils.js +1 -1
- package/lib/cjs/logo/Logo.js +1 -1
- package/lib/cjs/outlined-button/OutlinedButton.js +1 -1
- package/lib/cjs/radio/Radio.js +16 -3
- package/lib/cjs/radio/Radio.js.map +1 -1
- package/lib/cjs/radio-group/RadioGroup.js +62 -0
- package/lib/cjs/radio-group/RadioGroup.js.map +1 -0
- package/lib/cjs/radio-group/index.js +26 -0
- package/lib/cjs/radio-group/index.js.map +1 -0
- package/lib/cjs/radio-group/stories/index.js +60 -0
- package/lib/cjs/radio-group/stories/index.js.map +1 -0
- package/lib/cjs/radio-group/stories/radio-group-controlled.story.js +32 -0
- package/lib/cjs/radio-group/stories/radio-group-controlled.story.js.map +1 -0
- package/lib/cjs/radio-group/stories/radio-group-default.story.js +30 -0
- package/lib/cjs/radio-group/stories/radio-group-default.story.js.map +1 -0
- package/lib/cjs/radio-group/stories/radio-group-disabled.story.js +30 -0
- package/lib/cjs/radio-group/stories/radio-group-disabled.story.js.map +1 -0
- package/lib/cjs/radio-group/stories/radio-group-error.story.js +30 -0
- package/lib/cjs/radio-group/stories/radio-group-error.story.js.map +1 -0
- package/lib/cjs/radio-group/stories/radio-group-horizontal.story.js +30 -0
- package/lib/cjs/radio-group/stories/radio-group-horizontal.story.js.map +1 -0
- package/lib/cjs/radio-group/stories/radio-group-optional.story.js +30 -0
- package/lib/cjs/radio-group/stories/radio-group-optional.story.js.map +1 -0
- package/lib/cjs/radio-group/stories/radio-group-required.story.js +30 -0
- package/lib/cjs/radio-group/stories/radio-group-required.story.js.map +1 -0
- package/lib/cjs/radio-group/stories/radio-group-visually-hidden-label.story.js +30 -0
- package/lib/cjs/radio-group/stories/radio-group-visually-hidden-label.story.js.map +1 -0
- package/lib/cjs/read-only-tag/ReadOnlyTag.js +1 -1
- package/lib/cjs/select/types.js +1 -1
- package/lib/cjs/spotlight/SpotlightTour.js +1 -1
- package/lib/cjs/text-button/TextButton.js +1 -1
- package/lib/cjs/tree-view/TreeViewItem.js +1 -1
- package/lib/cjs/tree-view/TreeViewTextItem.js +1 -1
- package/lib/cjs/tree-view/TreeViewTrail.js +1 -1
- package/lib/cjs/tree-view/tree-view-types.js +1 -1
- package/lib/cjs/tree-view/tree-view-utils.js +1 -1
- package/lib/cjs/typography/Typography.js +1 -1
- package/lib/esm/_common/form-control/FormFieldLabel.js +1 -1
- package/lib/esm/_common/form-control/FormFieldLabel.js.map +1 -1
- package/lib/esm/_common/form-control/FormFieldMessage.js +1 -1
- package/lib/esm/_common/form-control/FormFieldMessage.js.map +1 -1
- package/lib/esm/_common/form-control/form-control-types.js +1 -1
- package/lib/esm/_common/form-control/form-control-types.js.map +1 -1
- package/lib/esm/_common/form-control/form-field-group-context.js +28 -0
- package/lib/esm/_common/form-control/form-field-group-context.js.map +1 -0
- package/lib/esm/_common/form-control/index.js +2 -1
- package/lib/esm/_common/form-control/index.js.map +1 -1
- package/lib/esm/_common/form-control/use-form-field.js +1 -1
- package/lib/esm/_common/form-control/use-form-field.js.map +1 -1
- package/lib/esm/_common/form-control/use-inline-field-label.js +1 -1
- package/lib/esm/_common/form-control/use-inline-field-label.js.map +1 -1
- package/lib/esm/_generated/style-rules/color-utils.js +1 -1
- package/lib/esm/_generated/style-rules/numeric-utils.js +1 -1
- package/lib/esm/accordion/accordion-types.js +1 -1
- package/lib/esm/announcement-banner/AnnouncementBanner.js +1 -1
- package/lib/esm/announcement-banner/AnnouncementBanner.js.map +1 -1
- package/lib/esm/announcement-banner/index.js +1 -1
- package/lib/esm/announcement-banner/index.js.map +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-closeable.story.js +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-closeable.story.js.map +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-custom-icons.story.js +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-custom-icons.story.js.map +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-default.story.js +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-default.story.js.map +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-injected-non-urgent.story.js +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-injected-non-urgent.story.js.map +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-injected-urgent.story.js +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-injected-urgent.story.js.map +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-present-at-page-render.story.js +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-present-at-page-render.story.js.map +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-variants.story.js +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-variants.story.js.map +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-with-actions.story.js +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-with-actions.story.js.map +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-with-page-content.story.js +1 -1
- package/lib/esm/announcement-banner/stories/announcement-banner-with-page-content.story.js.map +1 -1
- package/lib/esm/announcement-banner/stories/index.js +1 -1
- package/lib/esm/announcement-banner/stories/index.js.map +1 -1
- package/lib/esm/box/Box.js +1 -1
- package/lib/esm/checkbox/Checkbox.js +7 -4
- package/lib/esm/checkbox/Checkbox.js.map +1 -1
- package/lib/esm/checkbox-group/CheckboxGroup.js +49 -0
- package/lib/esm/checkbox-group/CheckboxGroup.js.map +1 -0
- package/lib/esm/checkbox-group/index.js +22 -0
- package/lib/esm/checkbox-group/index.js.map +1 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-default.story.js +28 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-default.story.js.map +1 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-disabled.story.js +28 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-disabled.story.js.map +1 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-error.story.js +28 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-error.story.js.map +1 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-optional.story.js +28 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-optional.story.js.map +1 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-required.story.js +28 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-required.story.js.map +1 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-visually-hidden-label.story.js +28 -0
- package/lib/esm/checkbox-group/stories/checkbox-group-visually-hidden-label.story.js.map +1 -0
- package/lib/esm/checkbox-group/stories/index.js +40 -0
- package/lib/esm/checkbox-group/stories/index.js.map +1 -0
- package/lib/esm/clean-icon-button/CleanIconButton.js +1 -1
- package/lib/esm/data-grid/DataGrid.js +1 -1
- package/lib/esm/data-grid/data-grid-context.js +1 -1
- package/lib/esm/data-grid/data-grid-nav/index.js +1 -1
- package/lib/esm/data-grid/helpers/index.js +1 -1
- package/lib/esm/data-grid/stories/staticData.js +1 -1
- package/lib/esm/dialog/Dialog.js +8 -9
- package/lib/esm/dialog/Dialog.js.map +1 -1
- package/lib/esm/dismissible-tag/DismissibleTag.js +1 -1
- package/lib/esm/fieldset/Fieldset.js +71 -0
- package/lib/esm/fieldset/Fieldset.js.map +1 -0
- package/lib/esm/fieldset/index.js +22 -0
- package/lib/esm/fieldset/index.js.map +1 -0
- package/lib/esm/fieldset/stories/fieldset-default.story.js +28 -0
- package/lib/esm/fieldset/stories/fieldset-default.story.js.map +1 -0
- package/lib/esm/fieldset/stories/fieldset-disabled.story.js +28 -0
- package/lib/esm/fieldset/stories/fieldset-disabled.story.js.map +1 -0
- package/lib/esm/fieldset/stories/fieldset-error.story.js +28 -0
- package/lib/esm/fieldset/stories/fieldset-error.story.js.map +1 -0
- package/lib/esm/fieldset/stories/fieldset-optional.story.js +28 -0
- package/lib/esm/fieldset/stories/fieldset-optional.story.js.map +1 -0
- package/lib/esm/fieldset/stories/fieldset-required.story.js +28 -0
- package/lib/esm/fieldset/stories/fieldset-required.story.js.map +1 -0
- package/lib/esm/fieldset/stories/fieldset-visually-hidden-label.story.js +28 -0
- package/lib/esm/fieldset/stories/fieldset-visually-hidden-label.story.js.map +1 -0
- package/lib/esm/fieldset/stories/index.js +40 -0
- package/lib/esm/fieldset/stories/index.js.map +1 -0
- package/lib/esm/filled-button/FilledButton.js +1 -1
- package/lib/esm/icon-button/IconButton.js +1 -1
- package/lib/esm/icons/generated/custom/FloppyDiskArrowTopRight.js +1 -1
- package/lib/esm/icons/generated/custom/FloppyDiskArrowTopRight.js.map +1 -1
- package/lib/esm/index.js +3 -0
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/kbd/kbd-utils.js +1 -1
- package/lib/esm/logo/Logo.js +1 -1
- package/lib/esm/outlined-button/OutlinedButton.js +1 -1
- package/lib/esm/radio/Radio.js +17 -4
- package/lib/esm/radio/Radio.js.map +1 -1
- package/lib/esm/radio-group/RadioGroup.js +59 -0
- package/lib/esm/radio-group/RadioGroup.js.map +1 -0
- package/lib/esm/radio-group/index.js +22 -0
- package/lib/esm/radio-group/index.js.map +1 -0
- package/lib/esm/radio-group/stories/index.js +46 -0
- package/lib/esm/radio-group/stories/index.js.map +1 -0
- package/lib/esm/radio-group/stories/radio-group-controlled.story.js +30 -0
- package/lib/esm/radio-group/stories/radio-group-controlled.story.js.map +1 -0
- package/lib/esm/radio-group/stories/radio-group-default.story.js +28 -0
- package/lib/esm/radio-group/stories/radio-group-default.story.js.map +1 -0
- package/lib/esm/radio-group/stories/radio-group-disabled.story.js +28 -0
- package/lib/esm/radio-group/stories/radio-group-disabled.story.js.map +1 -0
- package/lib/esm/radio-group/stories/radio-group-error.story.js +28 -0
- package/lib/esm/radio-group/stories/radio-group-error.story.js.map +1 -0
- package/lib/esm/radio-group/stories/radio-group-horizontal.story.js +28 -0
- package/lib/esm/radio-group/stories/radio-group-horizontal.story.js.map +1 -0
- package/lib/esm/radio-group/stories/radio-group-optional.story.js +28 -0
- package/lib/esm/radio-group/stories/radio-group-optional.story.js.map +1 -0
- package/lib/esm/radio-group/stories/radio-group-required.story.js +28 -0
- package/lib/esm/radio-group/stories/radio-group-required.story.js.map +1 -0
- package/lib/esm/radio-group/stories/radio-group-visually-hidden-label.story.js +28 -0
- package/lib/esm/radio-group/stories/radio-group-visually-hidden-label.story.js.map +1 -0
- package/lib/esm/read-only-tag/ReadOnlyTag.js +1 -1
- package/lib/esm/select/types.js +1 -1
- package/lib/esm/spotlight/SpotlightTour.js +1 -1
- package/lib/esm/text-button/TextButton.js +1 -1
- package/lib/esm/tree-view/TreeViewItem.js +1 -1
- package/lib/esm/tree-view/TreeViewTextItem.js +1 -1
- package/lib/esm/tree-view/TreeViewTrail.js +1 -1
- package/lib/esm/tree-view/tree-view-types.js +1 -1
- package/lib/esm/tree-view/tree-view-utils.js +1 -1
- package/lib/esm/typography/Typography.js +1 -1
- package/lib/types/_common/ButtonSpinner.d.ts +1 -1
- package/lib/types/_common/TruncatedTextWithTooltip.d.ts +1 -1
- package/lib/types/_common/form-control/FormFieldLabel.d.ts +1 -1
- package/lib/types/_common/form-control/FormFieldMessage.d.ts +1 -1
- package/lib/types/_common/form-control/form-control-types.d.ts +1 -1
- package/lib/types/_common/form-control/form-field-group-context.d.ts +36 -0
- package/lib/types/_common/form-control/form-field-group-context.d.ts.map +1 -0
- package/lib/types/_common/form-control/index.d.ts +2 -1
- package/lib/types/_common/form-control/index.d.ts.map +1 -1
- package/lib/types/_common/form-control/use-form-field.d.ts +1 -1
- package/lib/types/_common/form-control/use-inline-field-label.d.ts +1 -1
- package/lib/types/_common/utils.d.ts +1 -1
- package/lib/types/_generated/style-rules/date-utils.d.ts +1 -1
- package/lib/types/_generated/style-rules/range-utils.d.ts +1 -1
- package/lib/types/accordion/Accordion.d.ts +1 -1
- package/lib/types/accordion/accordion-context.d.ts +1 -1
- package/lib/types/ai/response/stories/response-all-components.story.d.ts +1 -1
- package/lib/types/ai/response/stories/response-code-examples.story.d.ts +1 -1
- package/lib/types/ai/response/stories/response-full-example.story.d.ts +1 -1
- package/lib/types/ai/response/stories/response-headings.story.d.ts +1 -1
- package/lib/types/ai/response/stories/response-lists.story.d.ts +1 -1
- package/lib/types/announcement-banner/AnnouncementBanner.d.ts +1 -1
- package/lib/types/announcement-banner/index.d.ts +1 -1
- package/lib/types/announcement-banner/stories/announcement-banner-closeable.story.d.ts +1 -1
- package/lib/types/announcement-banner/stories/announcement-banner-custom-icons.story.d.ts +1 -1
- package/lib/types/announcement-banner/stories/announcement-banner-default.story.d.ts +1 -1
- package/lib/types/announcement-banner/stories/announcement-banner-injected-non-urgent.story.d.ts +1 -1
- package/lib/types/announcement-banner/stories/announcement-banner-injected-urgent.story.d.ts +1 -1
- package/lib/types/announcement-banner/stories/announcement-banner-present-at-page-render.story.d.ts +1 -1
- package/lib/types/announcement-banner/stories/announcement-banner-variants.story.d.ts +1 -1
- package/lib/types/announcement-banner/stories/announcement-banner-with-actions.story.d.ts +1 -1
- package/lib/types/announcement-banner/stories/announcement-banner-with-page-content.story.d.ts +1 -1
- package/lib/types/announcement-banner/stories/index.d.ts +1 -1
- package/lib/types/avatar/Avatar.d.ts +1 -1
- package/lib/types/banner/Banner.d.ts +1 -1
- package/lib/types/button/ButtonBase.d.ts +1 -1
- package/lib/types/checkbox/Checkbox.d.ts.map +1 -1
- package/lib/types/checkbox-group/CheckboxGroup.d.ts +40 -0
- package/lib/types/checkbox-group/CheckboxGroup.d.ts.map +1 -0
- package/lib/types/checkbox-group/index.d.ts +22 -0
- package/lib/types/checkbox-group/index.d.ts.map +1 -0
- package/lib/types/checkbox-group/stories/checkbox-group-default.story.d.ts +24 -0
- package/lib/types/checkbox-group/stories/checkbox-group-default.story.d.ts.map +1 -0
- package/lib/types/checkbox-group/stories/checkbox-group-disabled.story.d.ts +24 -0
- package/lib/types/checkbox-group/stories/checkbox-group-disabled.story.d.ts.map +1 -0
- package/lib/types/checkbox-group/stories/checkbox-group-error.story.d.ts +24 -0
- package/lib/types/checkbox-group/stories/checkbox-group-error.story.d.ts.map +1 -0
- package/lib/types/checkbox-group/stories/checkbox-group-optional.story.d.ts +24 -0
- package/lib/types/checkbox-group/stories/checkbox-group-optional.story.d.ts.map +1 -0
- package/lib/types/checkbox-group/stories/checkbox-group-required.story.d.ts +24 -0
- package/lib/types/checkbox-group/stories/checkbox-group-required.story.d.ts.map +1 -0
- package/lib/types/checkbox-group/stories/checkbox-group-visually-hidden-label.story.d.ts +24 -0
- package/lib/types/checkbox-group/stories/checkbox-group-visually-hidden-label.story.d.ts.map +1 -0
- package/lib/types/checkbox-group/stories/index.d.ts +33 -0
- package/lib/types/checkbox-group/stories/index.d.ts.map +1 -0
- package/lib/types/code-block/CodeBlock.d.ts +1 -1
- package/lib/types/combobox/use-combobox-popover.d.ts +1 -1
- package/lib/types/data-grid/Components.d.ts +1 -1
- package/lib/types/data-grid/data-grid-nav/data-grid-nav.d.ts +1 -1
- package/lib/types/date-picker/DatePicker.d.ts +1 -1
- package/lib/types/dialog/Dialog.d.ts +1 -1
- package/lib/types/dialog/Dialog.d.ts.map +1 -1
- package/lib/types/divider/Divider.d.ts +1 -1
- package/lib/types/dropdown-button/DropdownButton.d.ts +1 -1
- package/lib/types/dropzone/Dropzone.d.ts +1 -1
- package/lib/types/dropzone/stories/dropzone-csv-files.story.d.ts +1 -1
- package/lib/types/dropzone/stories/dropzone-custom-extensions.story.d.ts +1 -1
- package/lib/types/dropzone/stories/dropzone-default.story.d.ts +1 -1
- package/lib/types/dropzone/stories/dropzone-disabled.story.d.ts +1 -1
- package/lib/types/dropzone/stories/dropzone-full.story.d.ts +1 -1
- package/lib/types/dropzone/stories/dropzone-loading-progress.story.d.ts +1 -1
- package/lib/types/fieldset/Fieldset.d.ts +59 -0
- package/lib/types/fieldset/Fieldset.d.ts.map +1 -0
- package/lib/types/fieldset/index.d.ts +22 -0
- package/lib/types/fieldset/index.d.ts.map +1 -0
- package/lib/types/fieldset/stories/fieldset-default.story.d.ts +24 -0
- package/lib/types/fieldset/stories/fieldset-default.story.d.ts.map +1 -0
- package/lib/types/fieldset/stories/fieldset-disabled.story.d.ts +24 -0
- package/lib/types/fieldset/stories/fieldset-disabled.story.d.ts.map +1 -0
- package/lib/types/fieldset/stories/fieldset-error.story.d.ts +24 -0
- package/lib/types/fieldset/stories/fieldset-error.story.d.ts.map +1 -0
- package/lib/types/fieldset/stories/fieldset-optional.story.d.ts +24 -0
- package/lib/types/fieldset/stories/fieldset-optional.story.d.ts.map +1 -0
- package/lib/types/fieldset/stories/fieldset-required.story.d.ts +24 -0
- package/lib/types/fieldset/stories/fieldset-required.story.d.ts.map +1 -0
- package/lib/types/fieldset/stories/fieldset-visually-hidden-label.story.d.ts +24 -0
- package/lib/types/fieldset/stories/fieldset-visually-hidden-label.story.d.ts.map +1 -0
- package/lib/types/fieldset/stories/index.d.ts +33 -0
- package/lib/types/fieldset/stories/index.d.ts.map +1 -0
- package/lib/types/graph-label/GraphLabel.d.ts +1 -1
- package/lib/types/graph-label/color.d.ts +1 -1
- package/lib/types/hooks/index.d.ts +1 -1
- package/lib/types/icon-button-array/IconButtonArray.d.ts +1 -1
- package/lib/types/icon-button-base/IconButtonBase.d.ts +1 -1
- package/lib/types/icons/generated/custom/FloppyDiskArrowTopRight.d.ts +1 -1
- package/lib/types/icons/manual/Neo4JAiColor.d.ts +1 -1
- package/lib/types/index.d.ts +3 -0
- package/lib/types/index.d.ts.map +1 -1
- package/lib/types/inline-edit/InlineEdit.d.ts +1 -1
- package/lib/types/kbd/Kbd.d.ts +1 -1
- package/lib/types/loading-bar/LoadingBar.d.ts +1 -1
- package/lib/types/loading-spinner/LoadingSpinner.d.ts +1 -1
- package/lib/types/menu/Menu.d.ts +1 -1
- package/lib/types/modal/Modal.d.ts +1 -1
- package/lib/types/portal/Portal.d.ts +1 -1
- package/lib/types/progress-bar/ProgressBar.d.ts +1 -1
- package/lib/types/radio/Radio.d.ts +2 -2
- package/lib/types/radio/Radio.d.ts.map +1 -1
- package/lib/types/radio-group/RadioGroup.d.ts +50 -0
- package/lib/types/radio-group/RadioGroup.d.ts.map +1 -0
- package/lib/types/radio-group/index.d.ts +22 -0
- package/lib/types/radio-group/index.d.ts.map +1 -0
- package/lib/types/radio-group/stories/index.d.ts +37 -0
- package/lib/types/radio-group/stories/index.d.ts.map +1 -0
- package/lib/types/radio-group/stories/radio-group-controlled.story.d.ts +24 -0
- package/lib/types/radio-group/stories/radio-group-controlled.story.d.ts.map +1 -0
- package/lib/types/radio-group/stories/radio-group-default.story.d.ts +24 -0
- package/lib/types/radio-group/stories/radio-group-default.story.d.ts.map +1 -0
- package/lib/types/radio-group/stories/radio-group-disabled.story.d.ts +24 -0
- package/lib/types/radio-group/stories/radio-group-disabled.story.d.ts.map +1 -0
- package/lib/types/radio-group/stories/radio-group-error.story.d.ts +24 -0
- package/lib/types/radio-group/stories/radio-group-error.story.d.ts.map +1 -0
- package/lib/types/radio-group/stories/radio-group-horizontal.story.d.ts +24 -0
- package/lib/types/radio-group/stories/radio-group-horizontal.story.d.ts.map +1 -0
- package/lib/types/radio-group/stories/radio-group-optional.story.d.ts +24 -0
- package/lib/types/radio-group/stories/radio-group-optional.story.d.ts.map +1 -0
- package/lib/types/radio-group/stories/radio-group-required.story.d.ts +24 -0
- package/lib/types/radio-group/stories/radio-group-required.story.d.ts.map +1 -0
- package/lib/types/radio-group/stories/radio-group-visually-hidden-label.story.d.ts +24 -0
- package/lib/types/radio-group/stories/radio-group-visually-hidden-label.story.d.ts.map +1 -0
- package/lib/types/segmented-control/SegmentedControl.d.ts +1 -1
- package/lib/types/select/Select.d.ts +1 -1
- package/lib/types/select-icon-button/SelectIconButton.d.ts +1 -1
- package/lib/types/selectable-tag/SelectableTag.d.ts +1 -1
- package/lib/types/skeleton/Skeleton.d.ts +1 -1
- package/lib/types/slider/Slider.d.ts +1 -1
- package/lib/types/slider/stories/slider-custom-step-length.story.d.ts +1 -1
- package/lib/types/slider/stories/slider-default.story.d.ts +1 -1
- package/lib/types/slider/stories/slider-disabled.story.d.ts +1 -1
- package/lib/types/slider/stories/slider-range.story.d.ts +1 -1
- package/lib/types/slider/stories/slider-show-steps.story.d.ts +1 -1
- package/lib/types/slider/stories/slider-show-values.story.d.ts +1 -1
- package/lib/types/slider/stories/slider-single.story.d.ts +1 -1
- package/lib/types/spotlight/Spotlight.d.ts +1 -1
- package/lib/types/spotlight/SpotlightProvider.d.ts +1 -1
- package/lib/types/spotlight/SpotlightTarget.d.ts +1 -1
- package/lib/types/status-indicator/StatusIndicator.d.ts +1 -1
- package/lib/types/status-label/StatusLabel.d.ts +1 -1
- package/lib/types/tabs/Tabs.d.ts +1 -1
- package/lib/types/tabs/use-tabs-scroll-overflow.d.ts +1 -1
- package/lib/types/tag/Tag.d.ts +1 -1
- package/lib/types/tag-base/TagBase.d.ts +1 -1
- package/lib/types/text-area/TextArea.d.ts +1 -1
- package/lib/types/text-link/TextLink.d.ts +1 -1
- package/lib/types/text-overflow/TextOverflow.d.ts +1 -1
- package/lib/types/theme/ThemeProvider.d.ts +1 -1
- package/lib/types/theme/agnostic.d.ts +1 -1
- package/lib/types/time-picker/TimePicker.d.ts +1 -1
- package/lib/types/time-picker/time-picker-hooks.d.ts +1 -1
- package/lib/types/timezone-picker/TimeZonePicker.d.ts +1 -1
- package/lib/types/timezone-picker/timezone-picker-hooks.d.ts +1 -1
- package/lib/types/toast/Toast.d.ts +1 -1
- package/lib/types/toast/ToastControlled.d.ts +1 -1
- package/lib/types/tree-view/TreeItemWrapper.d.ts +1 -1
- package/lib/types/tree-view/tree-view-keyboard-helpers.d.ts +1 -1
- package/lib/types/typography/stories/typography-anchor.story.d.ts +1 -1
- package/lib/types/wizard/Wizard.d.ts +1 -1
- package/package.json +17 -2
- package/skills/ndl-react/SKILL.md +5 -2
- package/skills/ndl-react/components/checkbox-group.md +195 -0
- package/skills/ndl-react/components/fieldset.md +235 -0
- package/skills/ndl-react/components/radio-group.md +259 -0
- package/skills/ndl-react/components/radio.md +1 -1
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/*!
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Checkbox, CheckboxGroup } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs(CheckboxGroup, { label: "Notification channels", name: "notification-channel-disabled", isDisabled: true, children: [_jsx(Checkbox, { label: "Email", value: "email", isDefaultChecked: true }), _jsx(Checkbox, { label: "In-app", value: "in-app" }), _jsx(Checkbox, { label: "Mobile push", value: "push" })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=checkbox-group-disabled.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-group-disabled.story.js","sourceRoot":"","sources":["../../../../src/checkbox-group/stories/checkbox-group-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,aAAa,IACZ,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,+BAA+B,EACpC,UAAU,mBAEV,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,gBAAgB,SAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,GAAG,EAC1C,KAAC,QAAQ,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,GAAG,IAC/B,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox, CheckboxGroup } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <CheckboxGroup\n label=\"Notification channels\"\n name=\"notification-channel-disabled\"\n isDisabled\n >\n <Checkbox label=\"Email\" value=\"email\" isDefaultChecked />\n <Checkbox label=\"In-app\" value=\"in-app\" />\n <Checkbox label=\"Mobile push\" value=\"push\" />\n </CheckboxGroup>\n );\n};\n\nexport default Component;\n"]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/*!
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Checkbox, CheckboxGroup } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs(CheckboxGroup, { label: "Notification channels", name: "notification-channel-error", errorText: "Select at least one notification channel.", children: [_jsx(Checkbox, { label: "Email", value: "email", isDefaultChecked: true }), _jsx(Checkbox, { label: "In-app", value: "in-app" }), _jsx(Checkbox, { label: "Mobile push", value: "push" })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=checkbox-group-error.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-group-error.story.js","sourceRoot":"","sources":["../../../../src/checkbox-group/stories/checkbox-group-error.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,aAAa,IACZ,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,4BAA4B,EACjC,SAAS,EAAC,2CAA2C,aAErD,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,gBAAgB,SAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,GAAG,EAC1C,KAAC,QAAQ,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,GAAG,IAC/B,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox, CheckboxGroup } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <CheckboxGroup\n label=\"Notification channels\"\n name=\"notification-channel-error\"\n errorText=\"Select at least one notification channel.\"\n >\n <Checkbox label=\"Email\" value=\"email\" isDefaultChecked />\n <Checkbox label=\"In-app\" value=\"in-app\" />\n <Checkbox label=\"Mobile push\" value=\"push\" />\n </CheckboxGroup>\n );\n};\n\nexport default Component;\n"]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/*!
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Checkbox, CheckboxGroup } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs(CheckboxGroup, { label: "Notification channels", name: "notification-channel-optional", hasRequiredIndicator: true, children: [_jsx(Checkbox, { label: "Email", value: "email", isDefaultChecked: true }), _jsx(Checkbox, { label: "In-app", value: "in-app" }), _jsx(Checkbox, { label: "Mobile push", value: "push" })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=checkbox-group-optional.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-group-optional.story.js","sourceRoot":"","sources":["../../../../src/checkbox-group/stories/checkbox-group-optional.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,aAAa,IACZ,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,+BAA+B,EACpC,oBAAoB,mBAEpB,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,gBAAgB,SAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,GAAG,EAC1C,KAAC,QAAQ,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,GAAG,IAC/B,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox, CheckboxGroup } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <CheckboxGroup\n label=\"Notification channels\"\n name=\"notification-channel-optional\"\n hasRequiredIndicator\n >\n <Checkbox label=\"Email\" value=\"email\" isDefaultChecked />\n <Checkbox label=\"In-app\" value=\"in-app\" />\n <Checkbox label=\"Mobile push\" value=\"push\" />\n </CheckboxGroup>\n );\n};\n\nexport default Component;\n"]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/*!
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Checkbox, CheckboxGroup } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs(CheckboxGroup, { label: "Notification channels", name: "notification-channel-required", hasRequiredIndicator: true, isRequired: true, children: [_jsx(Checkbox, { label: "Email", value: "email", isDefaultChecked: true }), _jsx(Checkbox, { label: "In-app", value: "in-app" }), _jsx(Checkbox, { label: "Mobile push", value: "push" })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=checkbox-group-required.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-group-required.story.js","sourceRoot":"","sources":["../../../../src/checkbox-group/stories/checkbox-group-required.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,aAAa,IACZ,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,+BAA+B,EACpC,oBAAoB,QACpB,UAAU,mBAEV,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,gBAAgB,SAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,GAAG,EAC1C,KAAC,QAAQ,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,GAAG,IAC/B,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox, CheckboxGroup } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <CheckboxGroup\n label=\"Notification channels\"\n name=\"notification-channel-required\"\n hasRequiredIndicator\n isRequired\n >\n <Checkbox label=\"Email\" value=\"email\" isDefaultChecked />\n <Checkbox label=\"In-app\" value=\"in-app\" />\n <Checkbox label=\"Mobile push\" value=\"push\" />\n </CheckboxGroup>\n );\n};\n\nexport default Component;\n"]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
/*!
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Checkbox, CheckboxGroup } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsx(_Fragment, { children: _jsxs(CheckboxGroup, { label: "Notification channels", name: "notification-channel-hidden", hasVisuallyHiddenLabel: true, children: [_jsx(Checkbox, { label: "Email", value: "email", isDefaultChecked: true }), _jsx(Checkbox, { label: "In-app", value: "in-app" }), _jsx(Checkbox, { label: "Mobile push", value: "push" })] }) }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=checkbox-group-visually-hidden-label.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-group-visually-hidden-label.story.js","sourceRoot":"","sources":["../../../../src/checkbox-group/stories/checkbox-group-visually-hidden-label.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,4BACE,MAAC,aAAa,IACZ,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,6BAA6B,EAClC,sBAAsB,mBAEtB,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,gBAAgB,SAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,GAAG,EAC1C,KAAC,QAAQ,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,GAAG,IAC/B,GACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox, CheckboxGroup } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <>\n <CheckboxGroup\n label=\"Notification channels\"\n name=\"notification-channel-hidden\"\n hasVisuallyHiddenLabel\n >\n <Checkbox label=\"Email\" value=\"email\" isDefaultChecked />\n <Checkbox label=\"In-app\" value=\"in-app\" />\n <Checkbox label=\"Mobile push\" value=\"push\" />\n </CheckboxGroup>\n </>\n );\n};\n\nexport default Component;\n"]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
export { default as CheckboxGroupDefault } from './checkbox-group-default.story';
|
|
22
|
+
export { default as CheckboxGroupDisabled } from './checkbox-group-disabled.story';
|
|
23
|
+
export { default as CheckboxGroupError } from './checkbox-group-error.story';
|
|
24
|
+
export { default as CheckboxGroupOptional } from './checkbox-group-optional.story';
|
|
25
|
+
export { default as CheckboxGroupRequired } from './checkbox-group-required.story';
|
|
26
|
+
export { default as CheckboxGroupVisuallyHiddenLabel } from './checkbox-group-visually-hidden-label.story';
|
|
27
|
+
import { removeLicenseHeader } from '../../_common/export-stories-utils';
|
|
28
|
+
import CheckboxGroupDefaultSrcRaw from './checkbox-group-default.story?raw';
|
|
29
|
+
import CheckboxGroupDisabledSrcRaw from './checkbox-group-disabled.story?raw';
|
|
30
|
+
import CheckboxGroupErrorSrcRaw from './checkbox-group-error.story?raw';
|
|
31
|
+
import CheckboxGroupOptionalSrcRaw from './checkbox-group-optional.story?raw';
|
|
32
|
+
import CheckboxGroupRequiredSrcRaw from './checkbox-group-required.story?raw';
|
|
33
|
+
import CheckboxGroupVisuallyHiddenLabelSrcRaw from './checkbox-group-visually-hidden-label.story?raw';
|
|
34
|
+
export const CheckboxGroupDefaultSrc = removeLicenseHeader(CheckboxGroupDefaultSrcRaw);
|
|
35
|
+
export const CheckboxGroupDisabledSrc = removeLicenseHeader(CheckboxGroupDisabledSrcRaw);
|
|
36
|
+
export const CheckboxGroupErrorSrc = removeLicenseHeader(CheckboxGroupErrorSrcRaw);
|
|
37
|
+
export const CheckboxGroupOptionalSrc = removeLicenseHeader(CheckboxGroupOptionalSrcRaw);
|
|
38
|
+
export const CheckboxGroupRequiredSrc = removeLicenseHeader(CheckboxGroupRequiredSrcRaw);
|
|
39
|
+
export const CheckboxGroupVisuallyHiddenLabelSrc = removeLicenseHeader(CheckboxGroupVisuallyHiddenLabelSrcRaw);
|
|
40
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/checkbox-group/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,gCAAgC,EAAE,MAAM,8CAA8C,CAAC;AAE3G,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,0BAA0B,MAAM,oCAAoC,CAAC;AAC5E,OAAO,2BAA2B,MAAM,qCAAqC,CAAC;AAC9E,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,2BAA2B,MAAM,qCAAqC,CAAC;AAC9E,OAAO,2BAA2B,MAAM,qCAAqC,CAAC;AAC9E,OAAO,sCAAsC,MAAM,kDAAkD,CAAC;AAEtG,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CACzD,2BAA2B,CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CACzD,2BAA2B,CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CACzD,2BAA2B,CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,mCAAmC,GAAG,mBAAmB,CACpE,sCAAsC,CACvC,CAAC","sourcesContent":["/*!\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { default as CheckboxGroupDefault } from './checkbox-group-default.story';\nexport { default as CheckboxGroupDisabled } from './checkbox-group-disabled.story';\nexport { default as CheckboxGroupError } from './checkbox-group-error.story';\nexport { default as CheckboxGroupOptional } from './checkbox-group-optional.story';\nexport { default as CheckboxGroupRequired } from './checkbox-group-required.story';\nexport { default as CheckboxGroupVisuallyHiddenLabel } from './checkbox-group-visually-hidden-label.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport CheckboxGroupDefaultSrcRaw from './checkbox-group-default.story?raw';\nimport CheckboxGroupDisabledSrcRaw from './checkbox-group-disabled.story?raw';\nimport CheckboxGroupErrorSrcRaw from './checkbox-group-error.story?raw';\nimport CheckboxGroupOptionalSrcRaw from './checkbox-group-optional.story?raw';\nimport CheckboxGroupRequiredSrcRaw from './checkbox-group-required.story?raw';\nimport CheckboxGroupVisuallyHiddenLabelSrcRaw from './checkbox-group-visually-hidden-label.story?raw';\n\nexport const CheckboxGroupDefaultSrc = removeLicenseHeader(\n CheckboxGroupDefaultSrcRaw,\n);\nexport const CheckboxGroupDisabledSrc = removeLicenseHeader(\n CheckboxGroupDisabledSrcRaw,\n);\nexport const CheckboxGroupErrorSrc = removeLicenseHeader(\n CheckboxGroupErrorSrcRaw,\n);\nexport const CheckboxGroupOptionalSrc = removeLicenseHeader(\n CheckboxGroupOptionalSrcRaw,\n);\nexport const CheckboxGroupRequiredSrc = removeLicenseHeader(\n CheckboxGroupRequiredSrcRaw,\n);\nexport const CheckboxGroupVisuallyHiddenLabelSrc = removeLicenseHeader(\n CheckboxGroupVisuallyHiddenLabelSrcRaw,\n);\n"]}
|
package/lib/esm/dialog/Dialog.js
CHANGED
|
@@ -34,9 +34,9 @@ import classNames from 'classnames';
|
|
|
34
34
|
import React, { useEffect, useId, useState } from 'react';
|
|
35
35
|
import { CleanIconButton } from '../clean-icon-button';
|
|
36
36
|
import { FilledButton } from '../filled-button';
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
37
|
+
import { ExclamationCircleIconSolid } from '../icons/generated/heroIcons/ExclamationCircleIconSolid';
|
|
38
|
+
import { ExclamationTriangleIconSolid } from '../icons/generated/heroIcons/ExclamationTriangleIconSolid';
|
|
39
|
+
import { InformationCircleIconSolid } from '../icons/generated/heroIcons/InformationCircleIconSolid';
|
|
40
40
|
import { XMarkIconOutline } from '../icons/generated/heroIcons/XMarkIconOutline';
|
|
41
41
|
import { Modal, ModalCloseReason } from '../modal';
|
|
42
42
|
import { OutlinedButton } from '../outlined-button';
|
|
@@ -51,19 +51,18 @@ const convertCloseReason = (reason) => {
|
|
|
51
51
|
}
|
|
52
52
|
throw new Error(`Unknown reason '${reason}' received from popup`);
|
|
53
53
|
};
|
|
54
|
-
/* Stroke width on regular icons is 1.5px */
|
|
55
54
|
const typeIcons = {
|
|
56
|
-
danger: (_jsx(
|
|
55
|
+
danger: (_jsx(ExclamationCircleIconSolid, { htmlAttributes: {
|
|
57
56
|
'aria-hidden': undefined,
|
|
58
57
|
'aria-label': 'Danger',
|
|
59
58
|
strokeWidth: 3,
|
|
60
59
|
} })),
|
|
61
|
-
info: (_jsx(
|
|
60
|
+
info: (_jsx(InformationCircleIconSolid, { htmlAttributes: {
|
|
62
61
|
'aria-hidden': undefined,
|
|
63
62
|
'aria-label': 'Information',
|
|
64
63
|
strokeWidth: 3,
|
|
65
64
|
} })),
|
|
66
|
-
warning: (_jsx(
|
|
65
|
+
warning: (_jsx(ExclamationTriangleIconSolid, { htmlAttributes: {
|
|
67
66
|
'aria-hidden': undefined,
|
|
68
67
|
'aria-label': 'Warning',
|
|
69
68
|
strokeWidth: 3,
|
|
@@ -118,7 +117,7 @@ const DialogComponent = (_a) => {
|
|
|
118
117
|
'aria-label': 'Close',
|
|
119
118
|
// TODO v5: remove data-testid
|
|
120
119
|
'data-testid': 'ndl-dialog-close',
|
|
121
|
-
}, children: _jsx(XMarkIconOutline, {}) })), _jsxs("div", { className: "ndl-dialog-content-wrapper", children: [variant && (_jsx("div", { className: `ndl-dialog-type-icon ndl-${variant}`, "data-testid": "ndl-dialog-type-icon", children: typeIcons[variant] })), _jsx("div", { className: "
|
|
120
|
+
}, children: _jsx(XMarkIconOutline, {}) })), _jsxs("div", { className: "ndl-dialog-content-wrapper", children: [variant && (_jsx("div", { className: `ndl-dialog-type-icon ndl-${variant}`, "data-testid": "ndl-dialog-type-icon", children: typeIcons[variant] })), _jsx("div", { className: "ndl-dialog-body", children: children })] })] }) })));
|
|
122
121
|
};
|
|
123
122
|
const Actions = (_a) => {
|
|
124
123
|
var { as, children, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["as", "children", "className", "style", "htmlAttributes", "ref"]);
|
|
@@ -156,7 +155,7 @@ const Header = (_a) => {
|
|
|
156
155
|
setHeaderId === null || setHeaderId === void 0 ? void 0 : setHeaderId(htmlAttributes === null || htmlAttributes === void 0 ? void 0 : htmlAttributes.id);
|
|
157
156
|
}
|
|
158
157
|
}, [htmlAttributes === null || htmlAttributes === void 0 ? void 0 : htmlAttributes.id, setHeaderId]);
|
|
159
|
-
return (_jsx(Typography, Object.assign({ as: Component, className: classes, ref: ref, style: style, variant: "title-
|
|
158
|
+
return (_jsx(Typography, Object.assign({ as: Component, className: classes, ref: ref, style: style, variant: "title-3" }, restProps, { htmlAttributes: Object.assign(Object.assign({}, htmlAttributes), { id: headerId }), children: children })));
|
|
160
159
|
};
|
|
161
160
|
const Subtitle = (_a) => {
|
|
162
161
|
var { as, children, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["as", "children", "className", "style", "htmlAttributes", "ref"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport React, { useEffect, useId, useState } from 'react';\n\nimport {\n type CommonProps,\n type PolymorphicCommonProps,\n} from '../_common/types';\nimport { type ButtonBase } from '../button';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { FilledButton } from '../filled-button';\nimport { ExclamationCircleIconOutline } from '../icons/generated/heroIcons/ExclamationCircleIconOutline';\nimport { ExclamationTriangleIconOutline } from '../icons/generated/heroIcons/ExclamationTriangleIconOutline';\nimport { InformationCircleIconOutline } from '../icons/generated/heroIcons/InformationCircleIconOutline';\nimport { XMarkIconOutline } from '../icons/generated/heroIcons/XMarkIconOutline';\nimport { Modal, ModalCloseReason } from '../modal';\nimport { OutlinedButton } from '../outlined-button';\nimport { TextButton } from '../text-button';\nimport { Typography } from '../typography';\nimport { DialogContext, useDialogContext } from './dialog-context';\nimport {\n type DialogActionsProps,\n DialogCloseReason,\n type DialogContentProps,\n type DialogDescriptionProps,\n type DialogHeaderProps,\n type DialogImageProps,\n type DialogProps,\n type DialogSubtitleProps,\n} from './dialog-types';\n\nconst convertCloseReason = (reason: ModalCloseReason): DialogCloseReason => {\n const dialogReason = reason as unknown as DialogCloseReason;\n if (Object.values(DialogCloseReason).includes(dialogReason)) {\n return dialogReason;\n }\n\n throw new Error(`Unknown reason '${reason}' received from popup`);\n};\n/* Stroke width on regular icons is 1.5px */\nconst typeIcons: Record<\n NonNullable<React.ComponentProps<typeof Dialog>['variant']>,\n React.ReactNode\n> = {\n danger: (\n <ExclamationCircleIconOutline\n htmlAttributes={{\n 'aria-hidden': undefined,\n 'aria-label': 'Danger',\n strokeWidth: 3,\n }}\n />\n ),\n info: (\n <InformationCircleIconOutline\n htmlAttributes={{\n 'aria-hidden': undefined,\n 'aria-label': 'Information',\n strokeWidth: 3,\n }}\n />\n ),\n warning: (\n <ExclamationTriangleIconOutline\n htmlAttributes={{\n 'aria-hidden': undefined,\n 'aria-label': 'Warning',\n strokeWidth: 3,\n }}\n />\n ),\n};\n\nconst DialogComponent = ({\n isOpen,\n onClose,\n children,\n variant,\n size,\n container,\n rootProps,\n hasDisabledCloseButton = false,\n htmlAttributes,\n className,\n style,\n ref,\n ...restProps\n}: CommonProps<'div', DialogProps>) => {\n const generatedDescriptionId = useId();\n const generatedHeaderId = useId();\n const [descriptionId, setDescriptionId] = useState<string | undefined>(\n generatedDescriptionId,\n );\n const [headerId, setHeaderId] = useState<string | undefined>(\n generatedHeaderId,\n );\n\n const handleCloseClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n onClose?.(event, DialogCloseReason.CLOSE_BUTTON_CLICK);\n };\n\n const handleClose = (\n event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n reason?: ModalCloseReason,\n ) => {\n // Dialog should not be closed when backdrop is clicked\n if (reason === ModalCloseReason.BACKDROP_CLICK) {\n return;\n }\n\n onClose?.(\n event,\n reason !== undefined ? convertCloseReason(reason) : undefined,\n );\n };\n\n const hasHeaderChild = React.useMemo(() => {\n const childrenArray = React.Children.toArray(children);\n return childrenArray.some(\n (child) => React.isValidElement(child) && child.type === Header,\n );\n }, [children]);\n\n const hasDescriptionChild = React.useMemo(() => {\n const childrenArray = React.Children.toArray(children);\n return childrenArray.some(\n (child) => React.isValidElement(child) && child.type === Description,\n );\n }, [children]);\n\n const ariaLabelledBy =\n htmlAttributes?.['aria-labelledby'] ??\n (hasHeaderChild ? headerId : undefined);\n\n const ariaDescribedBy =\n htmlAttributes?.['aria-describedby'] ??\n (hasDescriptionChild ? descriptionId : undefined);\n\n const dialogRole =\n variant === 'warning' || variant === 'danger' ? 'alertdialog' : 'dialog';\n\n if (!isOpen) {\n return null;\n }\n\n if (htmlAttributes?.['aria-label'] === undefined && !ariaLabelledBy) {\n console.warn(\n 'The Dialog is missing aria-label and Header. Please add one of them for accessibility.',\n );\n }\n\n const classes = classNames('ndl-dialog', className, {\n 'ndl-with-close-button': !hasDisabledCloseButton,\n 'ndl-with-icon': !!variant,\n });\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={handleClose}\n container={container}\n rootProps={rootProps}\n size={size}\n htmlAttributes={{\n ...htmlAttributes,\n 'aria-describedby': ariaDescribedBy,\n 'aria-labelledby': ariaLabelledBy,\n role: dialogRole,\n }}\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n >\n <DialogContext.Provider\n value={{\n descriptionId,\n headerId,\n setDescriptionId,\n setHeaderId,\n variant,\n }}\n >\n {!hasDisabledCloseButton && (\n <CleanIconButton\n size=\"medium\"\n className=\"ndl-dialog-close\"\n onClick={handleCloseClick}\n description={null}\n htmlAttributes={{\n 'aria-label': 'Close',\n // TODO v5: remove data-testid\n 'data-testid': 'ndl-dialog-close',\n }}\n >\n <XMarkIconOutline />\n </CleanIconButton>\n )}\n <div className=\"ndl-dialog-content-wrapper\">\n {variant && (\n <div\n className={`ndl-dialog-type-icon ndl-${variant}`}\n // TODO v5: remove data-testid\n data-testid=\"ndl-dialog-type-icon\"\n >\n {typeIcons[variant]}\n </div>\n )}\n <div className=\"n-flex n-flex-col n-flex-1 n-w-full\">{children}</div>\n </div>\n </DialogContext.Provider>\n </Modal>\n );\n};\n\nconst Actions = <T extends React.ElementType = 'div'>({\n as,\n children,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: PolymorphicCommonProps<T, DialogActionsProps>) => {\n const { variant } = useDialogContext();\n const classes = classNames('ndl-dialog-actions', className);\n const Component: React.ElementType = as ?? 'div';\n\n let childrenToRender = children;\n\n // For danger dialogs, we want to convert primary buttons to danger buttons by default\n if (variant === 'danger') {\n childrenToRender = React.Children.map(children, (element) => {\n if (!React.isValidElement(element)) {\n return;\n }\n if (\n element.type === OutlinedButton ||\n element.type === FilledButton ||\n element.type === TextButton\n ) {\n const buttonElement = element as React.ReactElement<\n React.ComponentProps<typeof ButtonBase>\n >;\n\n if (\n buttonElement.props.variant === 'primary' ||\n buttonElement.props.variant === undefined\n ) {\n return React.cloneElement(buttonElement, {\n ...buttonElement.props,\n variant: 'danger',\n });\n }\n }\n return element;\n });\n }\n\n return (\n <Component\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n >\n {childrenToRender}\n </Component>\n );\n};\n\nconst Header = <T extends React.ElementType = 'span'>({\n as,\n children,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: PolymorphicCommonProps<T, DialogHeaderProps>) => {\n const { headerId, setHeaderId } = useDialogContext();\n const classes = classNames('ndl-dialog-header', className);\n const Component: React.ElementType = as ?? 'span';\n\n useEffect(() => {\n if (Boolean(htmlAttributes?.id) === true) {\n setHeaderId?.(htmlAttributes?.id);\n }\n }, [htmlAttributes?.id, setHeaderId]);\n\n return (\n <Typography\n as={Component}\n className={classes}\n ref={ref}\n style={style}\n variant=\"title-2\"\n {...restProps}\n htmlAttributes={{ ...htmlAttributes, id: headerId }}\n >\n {children}\n </Typography>\n );\n};\n\nconst Subtitle = <T extends React.ElementType = 'div'>({\n as,\n children,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: PolymorphicCommonProps<T, DialogSubtitleProps>) => {\n const classes = classNames('ndl-dialog-subtitle', className);\n const Component: React.ElementType = as ?? 'div';\n\n return (\n <Component\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n >\n {children}\n </Component>\n );\n};\n\nconst Description = <T extends React.ElementType = 'div'>({\n as,\n children,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: PolymorphicCommonProps<T, DialogDescriptionProps>) => {\n const { descriptionId, setDescriptionId } = useDialogContext();\n const classes = classNames('ndl-dialog-description', className);\n const Component: React.ElementType = as ?? 'div';\n\n useEffect(() => {\n if (Boolean(htmlAttributes?.id) === true) {\n setDescriptionId?.(htmlAttributes?.id);\n }\n }, [htmlAttributes?.id, setDescriptionId]);\n\n return (\n <Component\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n id={descriptionId}\n >\n {children}\n </Component>\n );\n};\n\nconst Content = <T extends React.ElementType = 'div'>({\n as,\n children,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: PolymorphicCommonProps<T, DialogContentProps>) => {\n const classes = classNames('ndl-dialog-content', className);\n const Component: React.ElementType = as ?? 'div';\n\n return (\n <Component\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n >\n {children}\n </Component>\n );\n};\n\nconst Image = ({\n src,\n alt,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: CommonProps<'img', DialogImageProps>) => {\n const classes = classNames('ndl-dialog-image', className);\n\n return (\n <img\n src={src}\n alt={alt}\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n />\n );\n};\n\nconst Dialog = Object.assign(DialogComponent, {\n Actions,\n Content,\n Description,\n Header,\n Image,\n Subtitle,\n});\n\nexport { Dialog };\n"]}
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport React, { useEffect, useId, useState } from 'react';\n\nimport {\n type CommonProps,\n type PolymorphicCommonProps,\n} from '../_common/types';\nimport { type ButtonBase } from '../button';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { FilledButton } from '../filled-button';\nimport { ExclamationCircleIconSolid } from '../icons/generated/heroIcons/ExclamationCircleIconSolid';\nimport { ExclamationTriangleIconSolid } from '../icons/generated/heroIcons/ExclamationTriangleIconSolid';\nimport { InformationCircleIconSolid } from '../icons/generated/heroIcons/InformationCircleIconSolid';\nimport { XMarkIconOutline } from '../icons/generated/heroIcons/XMarkIconOutline';\nimport { Modal, ModalCloseReason } from '../modal';\nimport { OutlinedButton } from '../outlined-button';\nimport { TextButton } from '../text-button';\nimport { Typography } from '../typography';\nimport { DialogContext, useDialogContext } from './dialog-context';\nimport {\n type DialogActionsProps,\n DialogCloseReason,\n type DialogContentProps,\n type DialogDescriptionProps,\n type DialogHeaderProps,\n type DialogImageProps,\n type DialogProps,\n type DialogSubtitleProps,\n} from './dialog-types';\n\nconst convertCloseReason = (reason: ModalCloseReason): DialogCloseReason => {\n const dialogReason = reason as unknown as DialogCloseReason;\n if (Object.values(DialogCloseReason).includes(dialogReason)) {\n return dialogReason;\n }\n\n throw new Error(`Unknown reason '${reason}' received from popup`);\n};\nconst typeIcons: Record<\n NonNullable<React.ComponentProps<typeof Dialog>['variant']>,\n React.ReactNode\n> = {\n danger: (\n <ExclamationCircleIconSolid\n htmlAttributes={{\n 'aria-hidden': undefined,\n 'aria-label': 'Danger',\n strokeWidth: 3,\n }}\n />\n ),\n info: (\n <InformationCircleIconSolid\n htmlAttributes={{\n 'aria-hidden': undefined,\n 'aria-label': 'Information',\n strokeWidth: 3,\n }}\n />\n ),\n warning: (\n <ExclamationTriangleIconSolid\n htmlAttributes={{\n 'aria-hidden': undefined,\n 'aria-label': 'Warning',\n strokeWidth: 3,\n }}\n />\n ),\n};\n\nconst DialogComponent = ({\n isOpen,\n onClose,\n children,\n variant,\n size,\n container,\n rootProps,\n hasDisabledCloseButton = false,\n htmlAttributes,\n className,\n style,\n ref,\n ...restProps\n}: CommonProps<'div', DialogProps>) => {\n const generatedDescriptionId = useId();\n const generatedHeaderId = useId();\n const [descriptionId, setDescriptionId] = useState<string | undefined>(\n generatedDescriptionId,\n );\n const [headerId, setHeaderId] = useState<string | undefined>(\n generatedHeaderId,\n );\n\n const handleCloseClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n onClose?.(event, DialogCloseReason.CLOSE_BUTTON_CLICK);\n };\n\n const handleClose = (\n event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n reason?: ModalCloseReason,\n ) => {\n // Dialog should not be closed when backdrop is clicked\n if (reason === ModalCloseReason.BACKDROP_CLICK) {\n return;\n }\n\n onClose?.(\n event,\n reason !== undefined ? convertCloseReason(reason) : undefined,\n );\n };\n\n const hasHeaderChild = React.useMemo(() => {\n const childrenArray = React.Children.toArray(children);\n return childrenArray.some(\n (child) => React.isValidElement(child) && child.type === Header,\n );\n }, [children]);\n\n const hasDescriptionChild = React.useMemo(() => {\n const childrenArray = React.Children.toArray(children);\n return childrenArray.some(\n (child) => React.isValidElement(child) && child.type === Description,\n );\n }, [children]);\n\n const ariaLabelledBy =\n htmlAttributes?.['aria-labelledby'] ??\n (hasHeaderChild ? headerId : undefined);\n\n const ariaDescribedBy =\n htmlAttributes?.['aria-describedby'] ??\n (hasDescriptionChild ? descriptionId : undefined);\n\n const dialogRole =\n variant === 'warning' || variant === 'danger' ? 'alertdialog' : 'dialog';\n\n if (!isOpen) {\n return null;\n }\n\n if (htmlAttributes?.['aria-label'] === undefined && !ariaLabelledBy) {\n console.warn(\n 'The Dialog is missing aria-label and Header. Please add one of them for accessibility.',\n );\n }\n\n const classes = classNames('ndl-dialog', className, {\n 'ndl-with-close-button': !hasDisabledCloseButton,\n 'ndl-with-icon': !!variant,\n });\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={handleClose}\n container={container}\n rootProps={rootProps}\n size={size}\n htmlAttributes={{\n ...htmlAttributes,\n 'aria-describedby': ariaDescribedBy,\n 'aria-labelledby': ariaLabelledBy,\n role: dialogRole,\n }}\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n >\n <DialogContext.Provider\n value={{\n descriptionId,\n headerId,\n setDescriptionId,\n setHeaderId,\n variant,\n }}\n >\n {!hasDisabledCloseButton && (\n <CleanIconButton\n size=\"medium\"\n className=\"ndl-dialog-close\"\n onClick={handleCloseClick}\n description={null}\n htmlAttributes={{\n 'aria-label': 'Close',\n // TODO v5: remove data-testid\n 'data-testid': 'ndl-dialog-close',\n }}\n >\n <XMarkIconOutline />\n </CleanIconButton>\n )}\n <div className=\"ndl-dialog-content-wrapper\">\n {variant && (\n <div\n className={`ndl-dialog-type-icon ndl-${variant}`}\n // TODO v5: remove data-testid\n data-testid=\"ndl-dialog-type-icon\"\n >\n {typeIcons[variant]}\n </div>\n )}\n <div className=\"ndl-dialog-body\">{children}</div>\n </div>\n </DialogContext.Provider>\n </Modal>\n );\n};\n\nconst Actions = <T extends React.ElementType = 'div'>({\n as,\n children,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: PolymorphicCommonProps<T, DialogActionsProps>) => {\n const { variant } = useDialogContext();\n const classes = classNames('ndl-dialog-actions', className);\n const Component: React.ElementType = as ?? 'div';\n\n let childrenToRender = children;\n\n // For danger dialogs, we want to convert primary buttons to danger buttons by default\n if (variant === 'danger') {\n childrenToRender = React.Children.map(children, (element) => {\n if (!React.isValidElement(element)) {\n return;\n }\n if (\n element.type === OutlinedButton ||\n element.type === FilledButton ||\n element.type === TextButton\n ) {\n const buttonElement = element as React.ReactElement<\n React.ComponentProps<typeof ButtonBase>\n >;\n\n if (\n buttonElement.props.variant === 'primary' ||\n buttonElement.props.variant === undefined\n ) {\n return React.cloneElement(buttonElement, {\n ...buttonElement.props,\n variant: 'danger',\n });\n }\n }\n return element;\n });\n }\n\n return (\n <Component\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n >\n {childrenToRender}\n </Component>\n );\n};\n\nconst Header = <T extends React.ElementType = 'span'>({\n as,\n children,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: PolymorphicCommonProps<T, DialogHeaderProps>) => {\n const { headerId, setHeaderId } = useDialogContext();\n const classes = classNames('ndl-dialog-header', className);\n const Component: React.ElementType = as ?? 'span';\n\n useEffect(() => {\n if (Boolean(htmlAttributes?.id) === true) {\n setHeaderId?.(htmlAttributes?.id);\n }\n }, [htmlAttributes?.id, setHeaderId]);\n\n return (\n <Typography\n as={Component}\n className={classes}\n ref={ref}\n style={style}\n variant=\"title-3\"\n {...restProps}\n htmlAttributes={{ ...htmlAttributes, id: headerId }}\n >\n {children}\n </Typography>\n );\n};\n\nconst Subtitle = <T extends React.ElementType = 'div'>({\n as,\n children,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: PolymorphicCommonProps<T, DialogSubtitleProps>) => {\n const classes = classNames('ndl-dialog-subtitle', className);\n const Component: React.ElementType = as ?? 'div';\n\n return (\n <Component\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n >\n {children}\n </Component>\n );\n};\n\nconst Description = <T extends React.ElementType = 'div'>({\n as,\n children,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: PolymorphicCommonProps<T, DialogDescriptionProps>) => {\n const { descriptionId, setDescriptionId } = useDialogContext();\n const classes = classNames('ndl-dialog-description', className);\n const Component: React.ElementType = as ?? 'div';\n\n useEffect(() => {\n if (Boolean(htmlAttributes?.id) === true) {\n setDescriptionId?.(htmlAttributes?.id);\n }\n }, [htmlAttributes?.id, setDescriptionId]);\n\n return (\n <Component\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n id={descriptionId}\n >\n {children}\n </Component>\n );\n};\n\nconst Content = <T extends React.ElementType = 'div'>({\n as,\n children,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: PolymorphicCommonProps<T, DialogContentProps>) => {\n const classes = classNames('ndl-dialog-content', className);\n const Component: React.ElementType = as ?? 'div';\n\n return (\n <Component\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n >\n {children}\n </Component>\n );\n};\n\nconst Image = ({\n src,\n alt,\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: CommonProps<'img', DialogImageProps>) => {\n const classes = classNames('ndl-dialog-image', className);\n\n return (\n <img\n src={src}\n alt={alt}\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n />\n );\n};\n\nconst Dialog = Object.assign(DialogComponent, {\n Actions,\n Content,\n Description,\n Header,\n Image,\n Subtitle,\n});\n\nexport { Dialog };\n"]}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
/*!
|
|
14
|
+
*
|
|
15
|
+
* Copyright (c) "Neo4j"
|
|
16
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
17
|
+
*
|
|
18
|
+
* This file is part of Neo4j.
|
|
19
|
+
*
|
|
20
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
21
|
+
* it under the terms of the GNU General Public License as published by
|
|
22
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
23
|
+
* (at your option) any later version.
|
|
24
|
+
*
|
|
25
|
+
* This program is distributed in the hope that it will be useful,
|
|
26
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
27
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
28
|
+
* GNU General Public License for more details.
|
|
29
|
+
*
|
|
30
|
+
* You should have received a copy of the GNU General Public License
|
|
31
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
|
+
*/
|
|
33
|
+
import classNames from 'classnames';
|
|
34
|
+
import { FormFieldGroupContext, FormFieldMessage, useFormField, } from '../_common/form-control';
|
|
35
|
+
import { Typography } from '../typography';
|
|
36
|
+
const FieldsetBase = (_a) => {
|
|
37
|
+
var { label, children, helpText, errorText, isRequired = false, hasRequiredIndicator = false, hasVisuallyHiddenLabel = false, isDisabled = false, fieldGroup, orientation = 'vertical', className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["label", "children", "helpText", "errorText", "isRequired", "hasRequiredIndicator", "hasVisuallyHiddenLabel", "isDisabled", "fieldGroup", "orientation", "className", "style", "htmlAttributes", "ref"]);
|
|
38
|
+
const { field, controlProps } = useFormField({
|
|
39
|
+
errorText,
|
|
40
|
+
hasRequiredIndicator,
|
|
41
|
+
hasVisuallyHiddenLabel,
|
|
42
|
+
helpText,
|
|
43
|
+
isRequired,
|
|
44
|
+
label,
|
|
45
|
+
});
|
|
46
|
+
const classes = classNames('ndl-fieldset', className, {
|
|
47
|
+
'ndl-disabled': isDisabled,
|
|
48
|
+
'ndl-has-error': field.hasError,
|
|
49
|
+
});
|
|
50
|
+
const content = (_jsx("div", { className: classNames('ndl-fieldset-content', {
|
|
51
|
+
'ndl-horizontal': orientation === 'horizontal',
|
|
52
|
+
}), children: children }));
|
|
53
|
+
const fieldGroupValue = fieldGroup === undefined
|
|
54
|
+
? undefined
|
|
55
|
+
: Object.assign(Object.assign({}, fieldGroup), { hasError: field.hasError, isDisabled,
|
|
56
|
+
isRequired });
|
|
57
|
+
return (_jsxs("fieldset", Object.assign({ ref: ref, className: classes, style: style, disabled: isDisabled, "aria-describedby": controlProps['aria-describedby'], "aria-invalid": controlProps['aria-invalid'] }, restProps, htmlAttributes, { children: [_jsx("legend", { className: classNames('ndl-fieldset-legend', {
|
|
58
|
+
'ndl-visually-hidden': hasVisuallyHiddenLabel,
|
|
59
|
+
}), children: _jsxs("span", { className: "ndl-form-label-row", children: [_jsx(Typography, { as: "span", variant: "body-medium", className: "ndl-form-label", children: label }), hasRequiredIndicator && (_jsx(Typography, { as: "span", variant: "body-medium", className: "ndl-form-label-indicator", children: isRequired ? 'Required' : 'Optional' }))] }) }), fieldGroupValue === undefined ? (content) : (_jsx(FormFieldGroupContext.Provider, { value: fieldGroupValue, children: content })), _jsx(FormFieldMessage, { field: field, size: "medium" })] })));
|
|
60
|
+
};
|
|
61
|
+
/**
|
|
62
|
+
* Groups related form controls under a native fieldset and legend.
|
|
63
|
+
*
|
|
64
|
+
* @remarks
|
|
65
|
+
* Use `RadioGroup` or `CheckboxGroup` when the children are exclusively
|
|
66
|
+
* radios or checkboxes and should inherit shared group attributes.
|
|
67
|
+
*/
|
|
68
|
+
const Fieldset = (props) => (_jsx(FieldsetBase, Object.assign({}, props)));
|
|
69
|
+
Fieldset.displayName = 'Fieldset';
|
|
70
|
+
export { Fieldset, FieldsetBase };
|
|
71
|
+
//# sourceMappingURL=Fieldset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,EACL,qBAAqB,EAErB,gBAAgB,EAChB,YAAY,GACb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA6B3C,MAAM,YAAY,GAAG,CAAC,EAgBuB,EAAE,EAAE;QAhB3B,EACpB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,oBAAoB,GAAG,KAAK,EAC5B,sBAAsB,GAAG,KAAK,EAC9B,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAEwC,EADxC,SAAS,cAfQ,wMAgBrB,CADa;IAEZ,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC;QAC3C,SAAS;QACT,oBAAoB;QACpB,sBAAsB;QACtB,QAAQ;QACR,UAAU;QACV,KAAK;KACN,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;QACpD,cAAc,EAAE,UAAU;QAC1B,eAAe,EAAE,KAAK,CAAC,QAAQ;KAChC,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,CACd,cACE,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE;YAC5C,gBAAgB,EAAE,WAAW,KAAK,YAAY;SAC/C,CAAC,YAED,QAAQ,GACL,CACP,CAAC;IACF,MAAM,eAAe,GACnB,UAAU,KAAK,SAAS;QACtB,CAAC,CAAC,SAAS;QACX,CAAC,iCACM,UAAU,KACb,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,UAAU;YACV,UAAU,GACX,CAAC;IAER,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,sBACF,YAAY,CAAC,kBAAkB,CAAC,kBACpC,YAAY,CAAC,cAAc,CAAC,IACtC,SAAS,EACT,cAAc,eAElB,iBACE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE;oBAC3C,qBAAqB,EAAE,sBAAsB;iBAC9C,CAAC,YAEF,gBAAM,SAAS,EAAC,oBAAoB,aAClC,KAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,gBAAgB,YAEzB,KAAK,GACK,EACZ,oBAAoB,IAAI,CACvB,KAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,0BAA0B,YAEnC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,GAC1B,CACd,IACI,GACA,EACR,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,CAC/B,OAAO,CACR,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,YACnD,OAAO,GACuB,CAClC,EACD,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,GAAG,KACvC,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,QAAQ,GAAG,CAAC,KAA6C,EAAE,EAAE,CAAC,CAClE,KAAC,YAAY,oBAAK,KAAK,EAAI,CAC5B,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAsB,CAAC","sourcesContent":["/*!\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport {\n FormFieldGroupContext,\n type FormFieldGroupContextValue,\n FormFieldMessage,\n useFormField,\n} from '../_common/form-control';\nimport { type CommonProps } from '../_common/types';\nimport { Typography } from '../typography';\n\ntype FieldsetProps = {\n /** The accessible label displayed in the fieldset legend */\n label: React.ReactNode;\n /** The controls grouped by the fieldset */\n children: React.ReactNode;\n /** Assistive text displayed below the grouped controls */\n helpText?: React.ReactNode;\n /** Error message displayed below the grouped controls. When provided, it replaces `helpText` */\n errorText?: React.ReactNode;\n /** Whether the grouped field is required */\n isRequired?: boolean;\n /** Whether Required or Optional is shown at the end of the legend row */\n hasRequiredIndicator?: boolean;\n /** Whether the legend is clipped out of the layout, leaving it to screen readers only */\n hasVisuallyHiddenLabel?: boolean;\n /** Whether all native form controls in the fieldset are disabled */\n isDisabled?: boolean;\n};\n\ntype FieldsetBaseProps = FieldsetProps & {\n fieldGroup?: Pick<\n FormFieldGroupContextValue,\n 'name' | 'controlType' | 'value' | 'onChange'\n >;\n orientation?: 'horizontal' | 'vertical';\n};\n\nconst FieldsetBase = ({\n label,\n children,\n helpText,\n errorText,\n isRequired = false,\n hasRequiredIndicator = false,\n hasVisuallyHiddenLabel = false,\n isDisabled = false,\n fieldGroup,\n orientation = 'vertical',\n className,\n style,\n htmlAttributes,\n ref,\n ...restProps\n}: CommonProps<'fieldset', FieldsetBaseProps>) => {\n const { field, controlProps } = useFormField({\n errorText,\n hasRequiredIndicator,\n hasVisuallyHiddenLabel,\n helpText,\n isRequired,\n label,\n });\n const classes = classNames('ndl-fieldset', className, {\n 'ndl-disabled': isDisabled,\n 'ndl-has-error': field.hasError,\n });\n const content = (\n <div\n className={classNames('ndl-fieldset-content', {\n 'ndl-horizontal': orientation === 'horizontal',\n })}\n >\n {children}\n </div>\n );\n const fieldGroupValue =\n fieldGroup === undefined\n ? undefined\n : {\n ...fieldGroup,\n hasError: field.hasError,\n isDisabled,\n isRequired,\n };\n\n return (\n <fieldset\n ref={ref}\n className={classes}\n style={style}\n disabled={isDisabled}\n aria-describedby={controlProps['aria-describedby']}\n aria-invalid={controlProps['aria-invalid']}\n {...restProps}\n {...htmlAttributes}\n >\n <legend\n className={classNames('ndl-fieldset-legend', {\n 'ndl-visually-hidden': hasVisuallyHiddenLabel,\n })}\n >\n <span className=\"ndl-form-label-row\">\n <Typography\n as=\"span\"\n variant=\"body-medium\"\n className=\"ndl-form-label\"\n >\n {label}\n </Typography>\n {hasRequiredIndicator && (\n <Typography\n as=\"span\"\n variant=\"body-medium\"\n className=\"ndl-form-label-indicator\"\n >\n {isRequired ? 'Required' : 'Optional'}\n </Typography>\n )}\n </span>\n </legend>\n {fieldGroupValue === undefined ? (\n content\n ) : (\n <FormFieldGroupContext.Provider value={fieldGroupValue}>\n {content}\n </FormFieldGroupContext.Provider>\n )}\n <FormFieldMessage field={field} size=\"medium\" />\n </fieldset>\n );\n};\n\n/**\n * Groups related form controls under a native fieldset and legend.\n *\n * @remarks\n * Use `RadioGroup` or `CheckboxGroup` when the children are exclusively\n * radios or checkboxes and should inherit shared group attributes.\n */\nconst Fieldset = (props: CommonProps<'fieldset', FieldsetProps>) => (\n <FieldsetBase {...props} />\n);\n\nFieldset.displayName = 'Fieldset';\n\nexport { Fieldset, FieldsetBase, type FieldsetProps };\n"]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
export { Fieldset } from './Fieldset';
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/fieldset/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["/*!\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { Fieldset } from './Fieldset';\n"]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/*!
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Checkbox, Fieldset, TextArea, TextInput } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs(Fieldset, { label: "Team settings", helpText: "These settings apply to the whole team.", children: [_jsx(TextInput, { label: "Team name", placeholder: "Graph Platform" }), _jsx(TextInput, { label: "Contact email", placeholder: "team@example.com", htmlAttributes: { type: 'email' } }), _jsx(TextArea, { label: "Team description", placeholder: "Describe what your team works on" }), _jsx(Checkbox, { label: "Allow other members to invite people" })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=fieldset-default.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fieldset-default.story.js","sourceRoot":"","sources":["../../../../src/fieldset/stories/fieldset-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,QAAQ,IACP,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAC,yCAAyC,aAElD,KAAC,SAAS,IAAC,KAAK,EAAC,WAAW,EAAC,WAAW,EAAC,gBAAgB,GAAG,EAC5D,KAAC,SAAS,IACR,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,kBAAkB,EAC9B,cAAc,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GACjC,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,kBAAkB,EACxB,WAAW,EAAC,kCAAkC,GAC9C,EACF,KAAC,QAAQ,IAAC,KAAK,EAAC,sCAAsC,GAAG,IAChD,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox, Fieldset, TextArea, TextInput } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <Fieldset\n label=\"Team settings\"\n helpText=\"These settings apply to the whole team.\"\n >\n <TextInput label=\"Team name\" placeholder=\"Graph Platform\" />\n <TextInput\n label=\"Contact email\"\n placeholder=\"team@example.com\"\n htmlAttributes={{ type: 'email' }}\n />\n <TextArea\n label=\"Team description\"\n placeholder=\"Describe what your team works on\"\n />\n <Checkbox label=\"Allow other members to invite people\" />\n </Fieldset>\n );\n};\n\nexport default Component;\n"]}
|