@televet/kibble-ui 2.1.7-beta.86drdrtzn.1 → 2.1.8
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/build/chakra/index.js +1 -1
- package/build/{chakra-ui-modal.esm-f42d0687.js → chakra-ui-modal.esm-a00f2bce.js} +2 -2
- package/build/{chakra-ui-modal.esm-f42d0687.js.map → chakra-ui-modal.esm-a00f2bce.js.map} +1 -1
- package/build/{chakra-ui-skeleton.esm-460afb52.js → chakra-ui-skeleton.esm-739cf3ea.js} +2 -2
- package/build/{chakra-ui-skeleton.esm-460afb52.js.map → chakra-ui-skeleton.esm-739cf3ea.js.map} +1 -1
- package/build/components/DatePicker/datepicker.argTypes.d.ts +1 -1
- package/build/components/DatePicker/datepicker.stories.d.ts +1 -1
- package/build/components/DatePicker/examples/withCalendarPlacement.stories.d.ts +1 -1
- package/build/components/DatePicker/examples/withEmptyState.stories.d.ts +1 -1
- package/build/components/DatePicker/examples/withFormControls.stories.d.ts +1 -1
- package/build/components/DatePicker/index.js +1 -1
- package/build/components/Menu/components/MenuList/index.js +1 -1
- package/build/components/Menu/components/MenuList/menuList.component.d.ts +2 -1
- package/build/components/Menu/components/MenuList/menuList.stories.d.ts +1 -1
- package/build/components/Menu/examples/withPortal.stories.d.ts +18 -0
- package/build/components/Menu/index.js +1 -1
- package/build/components/Modal/components/ModalBody/index.js +1 -1
- package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
- package/build/components/Modal/components/ModalFooter/index.js +1 -1
- package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
- package/build/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.d.ts +1 -1
- package/build/components/Modal/components/ModalHeader/index.js +1 -1
- package/build/components/Modal/index.js +1 -1
- package/build/components/NotificationCounter/index.js +1 -1
- package/build/components/Popover/examples/withHeader.stories.d.ts +1 -1
- package/build/components/Select/index.js +1 -1
- package/build/components/Tabs/components/Tab/index.js +1 -1
- package/build/components/Tabs/index.js +1 -1
- package/build/components/TabsLayout/index.js +1 -1
- package/build/components/TextInput/examples/withCharCounter.stories.d.ts +19 -0
- package/build/components/TextInput/examples/withClearableInput.stories.d.ts +20 -0
- package/build/components/TextInput/examples/withCustomLabel.stories.d.ts +19 -0
- package/build/components/TextInput/examples/withFormControl.stories.d.ts +35 -0
- package/build/components/TextInput/examples/withIcons.stories.d.ts +23 -0
- package/build/components/TextInput/examples/withStyledLabel.stories.d.ts +26 -0
- package/build/components/TextInput/index.js +1 -1
- package/build/components/TextInput/textInput.argTypes.d.ts +3 -0
- package/build/components/TextInput/textInput.component.d.ts +6 -4
- package/build/components/TextInput/textInput.stories.d.ts +2 -107
- package/build/components/TextInput/textInput.types.d.ts +3 -0
- package/build/components/Textarea/textarea.stories.d.ts +1 -1
- package/build/components/TimePicker/examples/withCustomPickerPlacement.stories.d.ts +1 -1
- package/build/components/TimePicker/examples/withFormControls.stories.d.ts +1 -1
- package/build/components/TimePicker/examples/withMidnightUTCInitialTime.stories.d.ts +1 -1
- package/build/components/TimePicker/examples/withScrollableParentContainer.stories.d.ts +1 -1
- package/build/components/TimePicker/examples/withTenMinuteInterval.stories.d.ts +1 -1
- package/build/components/TimePicker/examples/withoutInputIcon.stories.d.ts +1 -1
- package/build/components/TimePicker/index.js +1 -1
- package/build/components/TimePicker/timePicker.argTypes.d.ts +1 -1
- package/build/components/TimePicker/timePicker.stories.d.ts +1 -1
- package/build/components/TimeRange/index.js +1 -1
- package/build/components/Toast/index.js +1 -1
- package/build/components/Toast/toast.stories.d.ts +2 -2
- package/build/components/index.js +1 -1
- package/build/{datepicker.types-6aeca469.js → datepicker.types-2abe1bc9.js} +3 -3
- package/build/{datepicker.types-6aeca469.js.map → datepicker.types-2abe1bc9.js.map} +1 -1
- package/build/{index-1a339061.js → index-8fecff45.js} +1 -1
- package/build/{index-1a339061.js.map → index-8fecff45.js.map} +1 -1
- package/build/index.js +1 -1
- package/build/menu.component-261acdde.js +2 -0
- package/build/menu.component-261acdde.js.map +1 -0
- package/build/menuList.component-2644c3c6.js +2 -0
- package/build/menuList.component-2644c3c6.js.map +1 -0
- package/build/{modal.component-570c1543.js → modal.component-0d68beaa.js} +2 -2
- package/build/{modal.component-570c1543.js.map → modal.component-0d68beaa.js.map} +1 -1
- package/build/{modalBody.component-6199e234.js → modalBody.component-345aaa1b.js} +2 -2
- package/build/{modalBody.component-6199e234.js.map → modalBody.component-345aaa1b.js.map} +1 -1
- package/build/modalCloseButton.component-3f731476.js +2 -0
- package/build/{modalCloseButton.component-587722ca.js.map → modalCloseButton.component-3f731476.js.map} +1 -1
- package/build/{modalFooter.component-2f87119b.js → modalFooter.component-1c9fcc61.js} +2 -2
- package/build/{modalFooter.component-2f87119b.js.map → modalFooter.component-1c9fcc61.js.map} +1 -1
- package/build/{modalFooterButtons.component-06ad6a59.js → modalFooterButtons.component-1e38e003.js} +2 -2
- package/build/modalFooterButtons.component-1e38e003.js.map +1 -0
- package/build/{modalHeader.component-92f511f0.js → modalHeader.component-204451e0.js} +2 -2
- package/build/{modalHeader.component-92f511f0.js.map → modalHeader.component-204451e0.js.map} +1 -1
- package/build/{notificationCounter.component-748d56ad.js → notificationCounter.component-24f3f4ab.js} +2 -2
- package/build/{notificationCounter.component-748d56ad.js.map → notificationCounter.component-24f3f4ab.js.map} +1 -1
- package/build/{select.component-7141bf80.js → select.component-502f4a07.js} +2 -2
- package/build/{select.component-7141bf80.js.map → select.component-502f4a07.js.map} +1 -1
- package/build/{tab.component-d98b2375.js → tab.component-43d30a25.js} +2 -2
- package/build/{tab.component-54c05376.js.map → tab.component-43d30a25.js.map} +1 -1
- package/build/{tabs.component-fadd9ba2.js → tabs.component-62ac057c.js} +2 -2
- package/build/{tabs.component-7b766bac.js.map → tabs.component-62ac057c.js.map} +1 -1
- package/build/{tabsLayout.component-955f61df.js → tabsLayout.component-5df74a9c.js} +2 -2
- package/build/{tabsLayout.component-955f61df.js.map → tabsLayout.component-5df74a9c.js.map} +1 -1
- package/build/textInput.component-8ff848fa.js +2 -0
- package/build/textInput.component-8ff848fa.js.map +1 -0
- package/build/{timePicker.component-bb27b9f0.js → timePicker.component-c3cb72ec.js} +2 -2
- package/build/{timePicker.component-bb27b9f0.js.map → timePicker.component-c3cb72ec.js.map} +1 -1
- package/build/{timeRange.component-4c3718fc.js → timeRange.component-e0338c4a.js} +2 -2
- package/build/{timeRange.component-4c3718fc.js.map → timeRange.component-e0338c4a.js.map} +1 -1
- package/build/{useToast-3e5917e9.js → useToast-3ba21206.js} +2 -2
- package/build/{useToast-3e5917e9.js.map → useToast-3ba21206.js.map} +1 -1
- package/package.json +1 -1
- package/build/alert.component-ac01dd74.js +0 -2
- package/build/alert.component-ac01dd74.js.map +0 -1
- package/build/avatar.component-6be0513a.js +0 -2
- package/build/avatar.component-6be0513a.js.map +0 -1
- package/build/avatarGroup.component-a3e8841d.js +0 -2
- package/build/avatarGroup.component-a3e8841d.js.map +0 -1
- package/build/button.component-e26dad51.js +0 -2
- package/build/button.component-e26dad51.js.map +0 -1
- package/build/checkbox.component-f784c74e.js +0 -2
- package/build/checkbox.component-f784c74e.js.map +0 -1
- package/build/checkboxGroup.component-a1b2847f.js +0 -2
- package/build/checkboxGroup.component-a1b2847f.js.map +0 -1
- package/build/components/TextInput/components/ClearButton/clearButton.component.d.ts +0 -6
- package/build/components/TextInput/components/ClearButton/clearButton.records.d.ts +0 -2
- package/build/datepicker.types-e5edc0f9.js +0 -16
- package/build/datepicker.types-e5edc0f9.js.map +0 -1
- package/build/dragHandle.component-b2a80e2f.js +0 -2
- package/build/dragHandle.component-b2a80e2f.js.map +0 -1
- package/build/icon.component-68a24294.js +0 -2
- package/build/icon.component-68a24294.js.map +0 -1
- package/build/link.component-4e191c0e.js +0 -2
- package/build/link.component-4e191c0e.js.map +0 -1
- package/build/menu.component-a4fab3cb.js +0 -2
- package/build/menu.component-a4fab3cb.js.map +0 -1
- package/build/menu.component-b05a8a8c.js +0 -2
- package/build/menu.component-b05a8a8c.js.map +0 -1
- package/build/menuButton.component-a40d8061.js +0 -2
- package/build/menuButton.component-a40d8061.js.map +0 -1
- package/build/menuItem.component-50201fe5.js +0 -2
- package/build/menuItem.component-50201fe5.js.map +0 -1
- package/build/menuList.component-790babbe.js +0 -2
- package/build/menuList.component-790babbe.js.map +0 -1
- package/build/menuList.component-c73f8ed4.js +0 -2
- package/build/menuList.component-c73f8ed4.js.map +0 -1
- package/build/modalCloseButton.component-587722ca.js +0 -2
- package/build/modalCloseButton.component-81f1eb9f.js +0 -2
- package/build/modalCloseButton.component-81f1eb9f.js.map +0 -1
- package/build/modalFooterButtons.component-06ad6a59.js.map +0 -1
- package/build/modalFooterButtons.component-639964ea.js +0 -2
- package/build/modalFooterButtons.component-639964ea.js.map +0 -1
- package/build/popover.component-9bffab9f.js +0 -2
- package/build/popover.component-9bffab9f.js.map +0 -1
- package/build/popoverFooter.component-75ebea56.js +0 -2
- package/build/popoverFooter.component-75ebea56.js.map +0 -1
- package/build/popoverHeader.component-b673151a.js +0 -2
- package/build/popoverHeader.component-b673151a.js.map +0 -1
- package/build/radioGroup.component-8fbd1f9e.js +0 -2
- package/build/radioGroup.component-8fbd1f9e.js.map +0 -1
- package/build/select.component-de13fb7a.js +0 -2
- package/build/select.component-de13fb7a.js.map +0 -1
- package/build/switch.component-471031b6.js +0 -2
- package/build/switch.component-471031b6.js.map +0 -1
- package/build/tab.component-54c05376.js +0 -2
- package/build/tab.component-d98b2375.js.map +0 -1
- package/build/tabs.component-7b766bac.js +0 -2
- package/build/tabs.component-fadd9ba2.js.map +0 -1
- package/build/tabsLayout.component-e6902b7f.js +0 -2
- package/build/tabsLayout.component-e6902b7f.js.map +0 -1
- package/build/textInput.component-82cef412.js +0 -2
- package/build/textInput.component-82cef412.js.map +0 -1
- package/build/textInput.component-a0b43a66.js +0 -2
- package/build/textInput.component-a0b43a66.js.map +0 -1
- package/build/textarea.component-6e19696c.js +0 -2
- package/build/textarea.component-6e19696c.js.map +0 -1
- package/build/timePicker.component-d50e6b00.js +0 -2
- package/build/timePicker.component-d50e6b00.js.map +0 -1
- package/build/timeRange.component-e8a0f2a6.js +0 -2
- package/build/timeRange.component-e8a0f2a6.js.map +0 -1
- package/build/useToast-58611ee4.js +0 -2
- package/build/useToast-58611ee4.js.map +0 -1
- package/build/withFormControl-bbd5b3c6.js +0 -2
- package/build/withFormControl-bbd5b3c6.js.map +0 -1
|
@@ -79,8 +79,8 @@ export declare const datepickerArgTypes: {
|
|
|
79
79
|
};
|
|
80
80
|
};
|
|
81
81
|
label: import("@storybook/addons").ArgType<unknown>;
|
|
82
|
-
size: import("@storybook/addons").ArgType<unknown>;
|
|
83
82
|
isDisabled: import("@storybook/addons").ArgType<unknown>;
|
|
83
|
+
size: import("@storybook/addons").ArgType<unknown>;
|
|
84
84
|
isOnContrast: import("@storybook/addons").ArgType<unknown>;
|
|
85
85
|
errorText: import("@storybook/addons").ArgType<unknown>;
|
|
86
86
|
formControlStyle: import("@storybook/addons").ArgType<unknown>;
|
|
@@ -85,8 +85,8 @@ declare const _default: {
|
|
|
85
85
|
};
|
|
86
86
|
};
|
|
87
87
|
label: import("@storybook/addons").ArgType<unknown>;
|
|
88
|
-
size: import("@storybook/addons").ArgType<unknown>;
|
|
89
88
|
isDisabled: import("@storybook/addons").ArgType<unknown>;
|
|
89
|
+
size: import("@storybook/addons").ArgType<unknown>;
|
|
90
90
|
isOnContrast: import("@storybook/addons").ArgType<unknown>;
|
|
91
91
|
errorText: import("@storybook/addons").ArgType<unknown>;
|
|
92
92
|
formControlStyle: import("@storybook/addons").ArgType<unknown>;
|
|
@@ -85,8 +85,8 @@ declare const _default: {
|
|
|
85
85
|
};
|
|
86
86
|
};
|
|
87
87
|
label: import("@storybook/addons").ArgType<unknown>;
|
|
88
|
-
size: import("@storybook/addons").ArgType<unknown>;
|
|
89
88
|
isDisabled: import("@storybook/addons").ArgType<unknown>;
|
|
89
|
+
size: import("@storybook/addons").ArgType<unknown>;
|
|
90
90
|
isOnContrast: import("@storybook/addons").ArgType<unknown>;
|
|
91
91
|
errorText: import("@storybook/addons").ArgType<unknown>;
|
|
92
92
|
formControlStyle: import("@storybook/addons").ArgType<unknown>;
|
|
@@ -85,8 +85,8 @@ declare const _default: {
|
|
|
85
85
|
};
|
|
86
86
|
};
|
|
87
87
|
label: import("@storybook/addons").ArgType<unknown>;
|
|
88
|
-
size: import("@storybook/addons").ArgType<unknown>;
|
|
89
88
|
isDisabled: import("@storybook/addons").ArgType<unknown>;
|
|
89
|
+
size: import("@storybook/addons").ArgType<unknown>;
|
|
90
90
|
isOnContrast: import("@storybook/addons").ArgType<unknown>;
|
|
91
91
|
errorText: import("@storybook/addons").ArgType<unknown>;
|
|
92
92
|
formControlStyle: import("@storybook/addons").ArgType<unknown>;
|
|
@@ -85,8 +85,8 @@ declare const _default: {
|
|
|
85
85
|
};
|
|
86
86
|
};
|
|
87
87
|
label: import("@storybook/addons").ArgType<unknown>;
|
|
88
|
-
size: import("@storybook/addons").ArgType<unknown>;
|
|
89
88
|
isDisabled: import("@storybook/addons").ArgType<unknown>;
|
|
89
|
+
size: import("@storybook/addons").ArgType<unknown>;
|
|
90
90
|
isOnContrast: import("@storybook/addons").ArgType<unknown>;
|
|
91
91
|
errorText: import("@storybook/addons").ArgType<unknown>;
|
|
92
92
|
formControlStyle: import("@storybook/addons").ArgType<unknown>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../datepicker.types-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../datepicker.types-2abe1bc9.js");require("react"),require("../../textInput.component-8ff848fa.js"),require("../../tslib.es6-d6f17add.js"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../text.component-057889c3.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../button.component-c2b75fd2.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../index-fee8538e.js"),require("../../menu.component-261acdde.js"),require("../../menuContainer.component-3e1e324b.js"),require("../../menu.context-22d23674.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-52602de9.js"),require("../../menuList.component-2644c3c6.js"),require("../../heading.component-e55f8364.js"),require("../../menuItem.component-431a91d3.js"),require("../../menu.config-14739188.js"),require("../../checkbox.component-7576daac.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../spinner.component-39040867.js"),require("../../chakra-ui-popover.esm-1e836c11.js"),Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return e.DateFormats}}),exports.DatePicker=e.DatePicker;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component-2644c3c6.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../heading.component-e55f8364.js"),require("../../../../withTruncation-60a6b552.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../text.component-057889c3.js"),require("../../../../menuItem.component-431a91d3.js"),require("../../../../menu.config-14739188.js"),require("../../../../checkbox.component-7576daac.js"),require("../../../../withFormControl-6d7abf11.js"),require("../../../../useTheme-8873c39f.js"),require("../../../../icon.component-3355868e.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../../../chakra-ui-menu.esm-1ed98193.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),require("../../../../textInput.component-8ff848fa.js"),require("../../../../button.component-c2b75fd2.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-input.esm-5fd07056.js"),require("../../../../menu.context-22d23674.js"),require("../../../../spinner.component-39040867.js"),exports.MenuList=e.MenuList;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -14,6 +14,7 @@ export interface KMenuListProps {
|
|
|
14
14
|
searchPlaceholder?: string;
|
|
15
15
|
shouldRetainSelection?: boolean;
|
|
16
16
|
shouldTruncateText?: boolean;
|
|
17
|
+
shouldUsePortal?: boolean;
|
|
17
18
|
}
|
|
18
19
|
export type MenuListProps = KMenuListProps & Omit<CMenuListProps, 'onSelect'>;
|
|
19
|
-
export declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, isLoading, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: MenuListProps) => JSX.Element;
|
|
20
|
+
export declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, isLoading, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, shouldUsePortal, ...rest }: MenuListProps) => JSX.Element;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { KMenuListProps } from './menuList.component';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, isLoading, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: import("./menuList.component").MenuListProps) => JSX.Element;
|
|
5
|
+
component: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, isLoading, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, shouldUsePortal, ...rest }: import("./menuList.component").MenuListProps) => JSX.Element;
|
|
6
6
|
parameters: {
|
|
7
7
|
controls: {
|
|
8
8
|
sort: string;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { MenuProps } from '../menu.component';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ buttonProps, customTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
controls: {
|
|
8
|
+
sort: string;
|
|
9
|
+
};
|
|
10
|
+
height: string;
|
|
11
|
+
};
|
|
12
|
+
argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../menu.component").KMenuProps>;
|
|
13
|
+
};
|
|
14
|
+
export default _default;
|
|
15
|
+
export declare const WithPortal: {
|
|
16
|
+
(args: MenuProps): JSX.Element;
|
|
17
|
+
args: Partial<MenuProps>;
|
|
18
|
+
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../menuButton.component-52602de9.js"),r=require("../../menuContainer.component-3e1e324b.js"),u=require("../../menuItem.component-431a91d3.js"),i=require("../../menuList.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../menuButton.component-52602de9.js"),r=require("../../menuContainer.component-3e1e324b.js"),u=require("../../menuItem.component-431a91d3.js"),i=require("../../menuList.component-2644c3c6.js"),n=require("../../menu.component-261acdde.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../button.component-c2b75fd2.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../motion-7de675ca.js"),require("../../menu.context-22d23674.js"),require("../../menu.config-14739188.js"),require("../../text.component-057889c3.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../index-5a9be08d.js"),require("../../checkbox.component-7576daac.js"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../heading.component-e55f8364.js"),require("../../textInput.component-8ff848fa.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-39040867.js"),exports.MenuButton=e.MenuButton,exports.MenuContainer=r.MenuContainer,exports.MenuItem=u.MenuItem,exports.MenuList=i.MenuList,exports.Menu=n.Menu;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalBody.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalBody.component-345aaa1b.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../chakra-ui-modal.esm-a00f2bce.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../index-8fecff45.js"),require("../../../../inheritsLoose-490721fe.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../index-5a9be08d.js"),require("../../../../motion-7de675ca.js"),exports.ModalBody=e.ModalBody;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalCloseButton.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalCloseButton.component-3f731476.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../button.component-c2b75fd2.js"),require("../../../../icon.component-3355868e.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../chakra-ui-modal.esm-a00f2bce.js"),require("../../../../index-8fecff45.js"),require("../../../../inheritsLoose-490721fe.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../../../index-5a9be08d.js"),require("../../../../motion-7de675ca.js"),exports.ModalCloseButton=e.ModalCloseButton;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalFooter.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalFooter.component-1c9fcc61.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../chakra-ui-modal.esm-a00f2bce.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../index-8fecff45.js"),require("../../../../inheritsLoose-490721fe.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../index-5a9be08d.js"),require("../../../../motion-7de675ca.js"),exports.ModalFooter=e.ModalFooter;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalFooterButtons.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalFooterButtons.component-1e38e003.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../button.component-c2b75fd2.js"),require("../../../../icon.component-3355868e.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../chakra-ui-modal.esm-a00f2bce.js"),require("../../../../index-8fecff45.js"),require("../../../../inheritsLoose-490721fe.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../../../index-5a9be08d.js"),require("../../../../motion-7de675ca.js"),exports.ModalFooterButtons=e.ModalFooterButtons;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/build/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ export interface ModalFooterButtonProps extends CModalFooterProps {
|
|
|
6
6
|
loadingText?: string;
|
|
7
7
|
isDisabled?: boolean;
|
|
8
8
|
isDestructive?: boolean;
|
|
9
|
-
onSubmit?: () => void
|
|
9
|
+
onSubmit?: () => void | Promise<void>;
|
|
10
10
|
allowCancel?: boolean;
|
|
11
11
|
onCancel?: () => void;
|
|
12
12
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalHeader.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalHeader.component-204451e0.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../heading.component-e55f8364.js"),require("../../../../withTruncation-60a6b552.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../chakra-ui-modal.esm-a00f2bce.js"),require("../../../../index-8fecff45.js"),require("../../../../inheritsLoose-490721fe.js"),exports.ModalHeader=e.ModalHeader;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../modalBody.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../modalBody.component-345aaa1b.js"),r=require("../../modalCloseButton.component-3f731476.js"),o=require("../../modalFooter.component-1c9fcc61.js"),a=require("../../modalFooterButtons.component-1e38e003.js"),s=require("../../modalHeader.component-204451e0.js"),i=require("../../modal.component-0d68beaa.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../chakra-ui-modal.esm-a00f2bce.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../index-8fecff45.js"),require("../../inheritsLoose-490721fe.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../index-5a9be08d.js"),require("../../motion-7de675ca.js"),require("../../button.component-c2b75fd2.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-media-query.esm-6217de7e.js"),exports.ModalBody=e.ModalBody,exports.ModalCloseButton=r.ModalCloseButton,exports.ModalFooter=o.ModalFooter,exports.ModalFooterButtons=a.ModalFooterButtons,exports.ModalHeader=s.ModalHeader,exports.Modal=i.Modal;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../notificationCounter.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../notificationCounter.component-24f3f4ab.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),exports.NotificationCounter=e.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return e.NotificationCounterVariant}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -5,9 +5,9 @@ declare const _default: {
|
|
|
5
5
|
title: string;
|
|
6
6
|
component: ({ allowEscape, anchor, children, contentProps, footerProps, headerProps, placement, size, trigger, variant, ...rest }: PopoverProps) => JSX.Element;
|
|
7
7
|
argTypes: {
|
|
8
|
-
hideCloseButton: import("@storybook/addons").ArgType<unknown>;
|
|
9
8
|
color: import("@storybook/addons").ArgType<unknown>;
|
|
10
9
|
isOnContrast: import("@storybook/addons").ArgType<unknown>;
|
|
10
|
+
hideCloseButton: import("@storybook/addons").ArgType<unknown>;
|
|
11
11
|
headerChildren: import("@storybook/addons").ArgType<unknown>;
|
|
12
12
|
headerSize: import("@storybook/addons").ArgType<unknown>;
|
|
13
13
|
size: import("@storybook/addons").ArgType<unknown>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../select.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../select.component-502f4a07.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../menuContainer.component-3e1e324b.js"),require("../../menu.context-22d23674.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../motion-7de675ca.js"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../menuList.component-2644c3c6.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../index-5a9be08d.js"),require("../../text.component-057889c3.js"),require("../../menuItem.component-431a91d3.js"),require("../../menu.config-14739188.js"),require("../../checkbox.component-7576daac.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../textInput.component-8ff848fa.js"),require("../../button.component-c2b75fd2.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-39040867.js"),require("../../chakra-ui-select.esm-793cf4de.js"),exports.Select=e.WrappedSelect;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../tab.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../tab.component-43d30a25.js");require("../../../../tslib.es6-d6f17add.js"),require("../../../../notificationCounter.component-24f3f4ab.js"),require("react"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../icon.component-3355868e.js"),require("../../../../icons/index.js"),require("../../../../heading.component-e55f8364.js"),require("../../../../withTruncation-60a6b552.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-tabs.esm-e6372403.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),exports.Tab=e.Tab;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tab.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tab.component-43d30a25.js"),r=require("../../tabs.component-62ac057c.js");require("../../tslib.es6-d6f17add.js"),require("../../notificationCounter.component-24f3f4ab.js"),require("react"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-e6372403.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),exports.Tab=e.Tab,exports.Tabs=r.Tabs;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tabsLayout.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tabsLayout.component-5df74a9c.js");require("react"),require("../../tabs.component-62ac057c.js"),require("../../tslib.es6-d6f17add.js"),require("../../tab.component-43d30a25.js"),require("../../notificationCounter.component-24f3f4ab.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-e6372403.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),exports.TabsLayout=e.TabsLayout;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextInputProps } from '../textInput.component';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
controls: {
|
|
7
|
+
sort: string;
|
|
8
|
+
width: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
argTypes: {
|
|
12
|
+
helperText: import("@storybook/addons").ArgType<unknown>;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default _default;
|
|
16
|
+
export declare const WithCharCounter: {
|
|
17
|
+
(args: TextInputProps): JSX.Element;
|
|
18
|
+
args: Partial<TextInputProps>;
|
|
19
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextInputProps } from '../textInput.component';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
controls: {
|
|
7
|
+
sort: string;
|
|
8
|
+
width: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
argTypes: {
|
|
12
|
+
isClearable: import("@storybook/addons").ArgType<unknown>;
|
|
13
|
+
onClear: import("@storybook/addons").ArgType<unknown>;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
17
|
+
export declare const WithClearableInput: {
|
|
18
|
+
(args: Partial<TextInputProps>): JSX.Element;
|
|
19
|
+
args: Partial<import("../textInput.component").ClearableTextInputProps & import("@chakra-ui/react").InputProps>;
|
|
20
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextInputProps } from '../textInput.component';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
controls: {
|
|
7
|
+
sort: string;
|
|
8
|
+
width: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
argTypes: {
|
|
12
|
+
label: import("@storybook/addons").ArgType<unknown>;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default _default;
|
|
16
|
+
export declare const WithCustomLabel: {
|
|
17
|
+
(args: TextInputProps): JSX.Element;
|
|
18
|
+
args: Partial<TextInputProps>;
|
|
19
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextInputProps } from '../textInput.component';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
controls: {
|
|
7
|
+
sort: string;
|
|
8
|
+
width: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
argTypes: {
|
|
12
|
+
label: import("@storybook/addons").ArgType<unknown>;
|
|
13
|
+
isDisabled: import("@storybook/addons").ArgType<unknown>;
|
|
14
|
+
size: import("@storybook/addons").ArgType<unknown>;
|
|
15
|
+
isOnContrast: import("@storybook/addons").ArgType<unknown>;
|
|
16
|
+
errorText: import("@storybook/addons").ArgType<unknown>;
|
|
17
|
+
formControlStyle: import("@storybook/addons").ArgType<unknown>;
|
|
18
|
+
helperText: import("@storybook/addons").ArgType<unknown>;
|
|
19
|
+
invalidIconColor: import("@storybook/addons").ArgType<unknown>;
|
|
20
|
+
isFieldInline: import("@storybook/addons").ArgType<unknown>;
|
|
21
|
+
isInvalid: import("@storybook/addons").ArgType<unknown>;
|
|
22
|
+
isReadOnly: import("@storybook/addons").ArgType<unknown>;
|
|
23
|
+
isRequired: import("@storybook/addons").ArgType<unknown>;
|
|
24
|
+
labelStyle: import("@storybook/addons").ArgType<unknown>;
|
|
25
|
+
labelPosition: import("@storybook/addons").ArgType<unknown>;
|
|
26
|
+
useInvalidBorder: import("@storybook/addons").ArgType<unknown>;
|
|
27
|
+
useInvalidIcon: import("@storybook/addons").ArgType<unknown>;
|
|
28
|
+
useInvalidText: import("@storybook/addons").ArgType<unknown>;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
export default _default;
|
|
32
|
+
export declare const WithFormControl: {
|
|
33
|
+
(args: TextInputProps): JSX.Element;
|
|
34
|
+
args: Partial<TextInputProps>;
|
|
35
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextInputProps } from '../textInput.component';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
controls: {
|
|
7
|
+
sort: string;
|
|
8
|
+
width: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
argTypes: {
|
|
12
|
+
leftElement: import("@storybook/addons").ArgType<unknown>;
|
|
13
|
+
rightElement: import("@storybook/addons").ArgType<unknown>;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
17
|
+
export declare const WithIcons: {
|
|
18
|
+
(args: TextInputProps): JSX.Element;
|
|
19
|
+
args: {
|
|
20
|
+
leftElement: JSX.Element;
|
|
21
|
+
rightElement: JSX.Element;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextInputProps } from '../textInput.component';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
controls: {
|
|
7
|
+
sort: string;
|
|
8
|
+
width: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
argTypes: {
|
|
12
|
+
label: import("@storybook/addons").ArgType<unknown>;
|
|
13
|
+
labelStyle: import("@storybook/addons").ArgType<unknown>;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
17
|
+
export declare const WithStyledLabel: {
|
|
18
|
+
(args: TextInputProps): JSX.Element;
|
|
19
|
+
args: {
|
|
20
|
+
label: string;
|
|
21
|
+
labelStyle: {
|
|
22
|
+
fontWeight: number;
|
|
23
|
+
color: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../textInput.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../textInput.component-8ff848fa.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../text.component-057889c3.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../button.component-c2b75fd2.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-input.esm-5fd07056.js"),exports.TextInput=e.WrappedTextInput;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -2,12 +2,13 @@ import React, { ForwardedRef, ReactElement } from 'react';
|
|
|
2
2
|
import { InputProps as CInputProps } from '@chakra-ui/react';
|
|
3
3
|
import { WithFormControlProps } from '../../shared/hocs/FormControl/withFormControl';
|
|
4
4
|
import { FormControlSize } from '../../shared/types/formControl';
|
|
5
|
-
export interface TextInputBaseProps extends WithFormControlProps
|
|
5
|
+
export interface TextInputBaseProps extends WithFormControlProps {
|
|
6
|
+
charLimit?: number;
|
|
7
|
+
inputRef?: ForwardedRef<HTMLInputElement>;
|
|
8
|
+
isOnContrast?: boolean;
|
|
6
9
|
leftElement?: ReactElement;
|
|
7
10
|
rightElement?: ReactElement;
|
|
8
|
-
inputRef?: ForwardedRef<HTMLInputElement>;
|
|
9
11
|
size?: FormControlSize;
|
|
10
|
-
isOnContrast?: boolean;
|
|
11
12
|
}
|
|
12
13
|
export interface DefaultTextInputProps extends TextInputBaseProps {
|
|
13
14
|
isClearable?: never;
|
|
@@ -17,6 +18,7 @@ export interface ClearableTextInputProps extends TextInputBaseProps {
|
|
|
17
18
|
isClearable: boolean;
|
|
18
19
|
onClear: (val: string | number | readonly string[]) => void;
|
|
19
20
|
}
|
|
20
|
-
export type
|
|
21
|
+
export type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;
|
|
22
|
+
export type TextInputProps = KTextInputProps & CInputProps;
|
|
21
23
|
declare const WrappedTextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
22
24
|
export { WrappedTextInput as TextInput };
|
|
@@ -8,113 +8,8 @@ declare const _default: {
|
|
|
8
8
|
width: string;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
|
-
argTypes:
|
|
12
|
-
leftElement: {
|
|
13
|
-
control: {
|
|
14
|
-
type: string;
|
|
15
|
-
};
|
|
16
|
-
table: {
|
|
17
|
-
type: {
|
|
18
|
-
summary: string;
|
|
19
|
-
};
|
|
20
|
-
defaultValue: {
|
|
21
|
-
summary: string;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
description: string;
|
|
25
|
-
};
|
|
26
|
-
rightElement: {
|
|
27
|
-
control: {
|
|
28
|
-
type: string;
|
|
29
|
-
};
|
|
30
|
-
table: {
|
|
31
|
-
type: {
|
|
32
|
-
summary: string;
|
|
33
|
-
};
|
|
34
|
-
defaultValue: {
|
|
35
|
-
summary: string;
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
description: string;
|
|
39
|
-
};
|
|
40
|
-
isClearable: {
|
|
41
|
-
control: string;
|
|
42
|
-
defaultValue: boolean;
|
|
43
|
-
table: {
|
|
44
|
-
type: {
|
|
45
|
-
summary: string;
|
|
46
|
-
};
|
|
47
|
-
defaultValue: {
|
|
48
|
-
summary: boolean;
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
description: string;
|
|
52
|
-
};
|
|
53
|
-
onClear: {
|
|
54
|
-
description: string;
|
|
55
|
-
action: string;
|
|
56
|
-
table: {
|
|
57
|
-
type: {
|
|
58
|
-
summary: string;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
label: import("@storybook/addons").ArgType<unknown>;
|
|
63
|
-
size: import("@storybook/addons").ArgType<unknown>;
|
|
64
|
-
isDisabled: import("@storybook/addons").ArgType<unknown>;
|
|
65
|
-
isOnContrast: import("@storybook/addons").ArgType<unknown>;
|
|
66
|
-
errorText: import("@storybook/addons").ArgType<unknown>;
|
|
67
|
-
formControlStyle: import("@storybook/addons").ArgType<unknown>;
|
|
68
|
-
helperText: import("@storybook/addons").ArgType<unknown>;
|
|
69
|
-
invalidIconColor: import("@storybook/addons").ArgType<unknown>;
|
|
70
|
-
isFieldInline: import("@storybook/addons").ArgType<unknown>;
|
|
71
|
-
isInvalid: import("@storybook/addons").ArgType<unknown>;
|
|
72
|
-
isReadOnly: import("@storybook/addons").ArgType<unknown>;
|
|
73
|
-
isRequired: import("@storybook/addons").ArgType<unknown>;
|
|
74
|
-
labelStyle: import("@storybook/addons").ArgType<unknown>;
|
|
75
|
-
labelPosition: import("@storybook/addons").ArgType<unknown>;
|
|
76
|
-
useInvalidBorder: import("@storybook/addons").ArgType<unknown>;
|
|
77
|
-
useInvalidIcon: import("@storybook/addons").ArgType<unknown>;
|
|
78
|
-
useInvalidText: import("@storybook/addons").ArgType<unknown>;
|
|
79
|
-
};
|
|
11
|
+
argTypes: import("../../shared/types/storybook").KibbleArgTypes<import("./textInput.component").KTextInputProps>;
|
|
80
12
|
title: string;
|
|
81
|
-
id: string;
|
|
82
13
|
};
|
|
83
14
|
export default _default;
|
|
84
|
-
export declare const
|
|
85
|
-
export declare const Required: (args: TextInputProps) => JSX.Element;
|
|
86
|
-
export declare const Error: {
|
|
87
|
-
(args: TextInputProps): JSX.Element;
|
|
88
|
-
args: {
|
|
89
|
-
value: string;
|
|
90
|
-
};
|
|
91
|
-
};
|
|
92
|
-
export declare const Disabled: (args: TextInputProps) => JSX.Element;
|
|
93
|
-
export declare const InputWithIcons: (args: TextInputProps) => JSX.Element;
|
|
94
|
-
export declare const ClearableInput: () => JSX.Element;
|
|
95
|
-
export declare const WithStyledLabel: {
|
|
96
|
-
(args: TextInputProps): JSX.Element;
|
|
97
|
-
args: {
|
|
98
|
-
label: string;
|
|
99
|
-
labelStyle: {
|
|
100
|
-
fontWeight: number;
|
|
101
|
-
color: string;
|
|
102
|
-
};
|
|
103
|
-
placeholder: string;
|
|
104
|
-
};
|
|
105
|
-
};
|
|
106
|
-
export declare const WithCustomLabel: {
|
|
107
|
-
(args: TextInputProps): JSX.Element;
|
|
108
|
-
args: {
|
|
109
|
-
label: JSX.Element;
|
|
110
|
-
placeholder: string;
|
|
111
|
-
};
|
|
112
|
-
};
|
|
113
|
-
export declare const WithHelperText: {
|
|
114
|
-
(args: TextInputProps): JSX.Element;
|
|
115
|
-
args: {
|
|
116
|
-
label: string;
|
|
117
|
-
placeholder: string;
|
|
118
|
-
helperTextAlignment: string;
|
|
119
|
-
};
|
|
120
|
-
};
|
|
15
|
+
export declare const TextInputPlayground: (args: TextInputProps) => JSX.Element;
|