@narmi/design_system 3.62.1 → 3.63.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/dist/index.js +1 -1
- package/dist/index.js.LICENSE.txt +0 -9
- package/dist/index.js.map +1 -1
- package/dist/style.css +3 -3
- package/dist/style.css.map +1 -1
- package/dist/tokens/css/rgbColors.css +1 -1
- package/dist/tokens/css/tokens.css +1 -1
- package/dist/tokens/js/colors.js +1 -1
- package/dist/tokens/js/manifest.js +1 -1
- package/dist/tokens/js/reactNativeWeb.js +1 -1
- package/dist/types/AutocompleteModal/AutoComplete.d.ts +28 -0
- package/dist/types/AutocompleteModal/AutoComplete.d.ts.map +1 -0
- package/dist/types/AutocompleteModal/Item.d.ts +27 -0
- package/dist/types/AutocompleteModal/Item.d.ts.map +1 -0
- package/dist/types/AutocompleteModal/index.d.ts +40 -0
- package/dist/types/AutocompleteModal/index.d.ts.map +1 -0
- package/dist/types/index.d.ts +2 -1
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/tokens/js/colors.js
CHANGED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type AutoCompleteItem = React.ReactElement;
|
|
3
|
+
export interface AutoCompleteProps {
|
|
4
|
+
/** Input label */
|
|
5
|
+
label: string;
|
|
6
|
+
/** ComboboxModal.Item children */
|
|
7
|
+
items: AutoCompleteItem[];
|
|
8
|
+
selectedItem: AutoCompleteItem | null;
|
|
9
|
+
/** Selection change event callback */
|
|
10
|
+
onChange?: (item: AutoCompleteItem) => void;
|
|
11
|
+
/** Input change event callback */
|
|
12
|
+
onInputChange?: (e: string) => void;
|
|
13
|
+
/** Optional pinned footer conent; use for action buttons */
|
|
14
|
+
footerContent?: React.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export declare const itemToString: (item: AutoCompleteItem) => any;
|
|
17
|
+
export declare const filterItems: (items: AutoCompleteItem[], inputValue: string) => AutoCompleteItem[];
|
|
18
|
+
/**
|
|
19
|
+
* A simplified Combobox component that renders in a Popup.
|
|
20
|
+
* Useful for inline editing of things like table items where we want to
|
|
21
|
+
* provide an autocomplete of possible values.
|
|
22
|
+
*
|
|
23
|
+
* Allows single selection only. The selected value is controlled, allowing the selection to render in the trigger.
|
|
24
|
+
* trigger area.
|
|
25
|
+
*/
|
|
26
|
+
declare const AutoComplete: ({ label, items: allItems, selectedItem: selectedItemProp, onChange, onInputChange, footerContent, }: AutoCompleteProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export default AutoComplete;
|
|
28
|
+
//# sourceMappingURL=AutoComplete.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../src/AutocompleteModal/AutoComplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACtC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,SAAU,gBAAgB,QAA2B,CAAC;AAE/E,eAAO,MAAM,WAAW,UAAW,gBAAgB,EAAE,cAAc,MAAM,uBAGtE,CAAC;AAEJ;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,wGAOf,iBAAiB,4CA+EnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import PropTypes from "prop-types";
|
|
2
|
+
declare const AutocompleteModalItem: {
|
|
3
|
+
({ children, value }: {
|
|
4
|
+
children: any;
|
|
5
|
+
value: any;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
propTypes: {
|
|
9
|
+
/**
|
|
10
|
+
* String representation of the option.
|
|
11
|
+
*
|
|
12
|
+
* This value is also used as a typeahead; if a user types "n" while
|
|
13
|
+
* the Select is open, highlight will move to the first item with a
|
|
14
|
+
* value starting with `n`.
|
|
15
|
+
*/
|
|
16
|
+
value: PropTypes.Validator<string>;
|
|
17
|
+
/**
|
|
18
|
+
* Custom typeahead string. By default, typeahead uses `value`.
|
|
19
|
+
* Use this prop to pass in a custom string you'd like the user to search
|
|
20
|
+
* against when using typeahead.
|
|
21
|
+
*/
|
|
22
|
+
searchValue: PropTypes.Requireable<string>;
|
|
23
|
+
children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export default AutocompleteModalItem;
|
|
27
|
+
//# sourceMappingURL=Item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/AutocompleteModal/Item.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,qBAAqB;;;;;;;QAKzB;;;;;;WAMG;;QAEH;;;;WAIG;;;;CAjB0E,CAAC;AAyBhF,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface AutocompleteModalProps {
|
|
3
|
+
/** Input label */
|
|
4
|
+
inputLabel: string;
|
|
5
|
+
/** Trigger element */
|
|
6
|
+
trigger: React.ReactNode | ((isActive: boolean) => React.ReactNode);
|
|
7
|
+
/** AutocompleteModal.Item children */
|
|
8
|
+
children: React.ReactNode[];
|
|
9
|
+
/** Selection change event callback */
|
|
10
|
+
onChange?: (value: string) => void;
|
|
11
|
+
/** Input change event callback - called with value of selected item */
|
|
12
|
+
onInputChange?: (value: string) => void;
|
|
13
|
+
/** Optional pinned footer conent; use for action buttons */
|
|
14
|
+
footerContent?: React.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* A simplified Combobox component that renders in a Popup.
|
|
18
|
+
* Useful for inline editing of things like table items where we want to
|
|
19
|
+
* provide an autocomplete of possible values.
|
|
20
|
+
*
|
|
21
|
+
* Allows single selection only. The selected value will be rendered in the
|
|
22
|
+
* trigger area.
|
|
23
|
+
*/
|
|
24
|
+
declare const AutocompleteModal: {
|
|
25
|
+
({ inputLabel, children, trigger, onChange, onInputChange, footerContent, }: AutocompleteModalProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
Item: {
|
|
27
|
+
({ children, value }: {
|
|
28
|
+
children: any;
|
|
29
|
+
value: any;
|
|
30
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
displayName: string;
|
|
32
|
+
propTypes: {
|
|
33
|
+
value: import("prop-types").Validator<string>;
|
|
34
|
+
searchValue: import("prop-types").Requireable<string>;
|
|
35
|
+
children: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
export default AutocompleteModal;
|
|
40
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AutocompleteModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,MAAM,WAAW,sBAAsB;IACrC,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACpE,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB;iFAOpB,sBAAsB;;;;;;;;;;;;;CAgDxB,CAAC;AAGF,eAAe,iBAAiB,CAAC"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Typed Components
|
|
3
3
|
*/
|
|
4
|
+
import AutocompleteModal from "./AutocompleteModal";
|
|
4
5
|
import DisabledShim from "./DisabledShim";
|
|
5
6
|
import SeparatorList from "./SeparatorList";
|
|
6
7
|
import Slider from "./Slider";
|
|
@@ -49,5 +50,5 @@ declare const useLockBodyScroll: any;
|
|
|
49
50
|
declare const formatNumber: any;
|
|
50
51
|
declare const formatDate: any;
|
|
51
52
|
export * from "./types/Icon.types";
|
|
52
|
-
export { DisabledShim, SeparatorList, Slider, Alert, Button, Checkbox, ContentCard, CollapsibleCard, Combobox, DateInput, Dialog, Drawer, Dropdown, DropdownTrigger, Error, FieldToken, FormSection, IconButton, Input, LoadingShim, LoadingSkeleton, MenuButton, MultiSelect, Pagination, PlainButton, ProgressBar, Popover, RadioButtons, ResponsiveFlex, Row, Select, Sidebar, Tabs, Tag, TextInput, TimelineEvent, Toggle, TokenInput, Tooltip, TruncatedAccount, useBreakpoints, useLockBodyScroll, formatNumber, formatDate, };
|
|
53
|
+
export { AutocompleteModal, DisabledShim, SeparatorList, Slider, Alert, Button, Checkbox, ContentCard, CollapsibleCard, Combobox, DateInput, Dialog, Drawer, Dropdown, DropdownTrigger, Error, FieldToken, FormSection, IconButton, Input, LoadingShim, LoadingSkeleton, MenuButton, MultiSelect, Pagination, PlainButton, ProgressBar, Popover, RadioButtons, ResponsiveFlex, Row, Select, Sidebar, Tabs, Tag, TextInput, TimelineEvent, Toggle, TokenInput, Tooltip, TruncatedAccount, useBreakpoints, useLockBodyScroll, formatNumber, formatDate, };
|
|
53
54
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B;;GAEG;AACH,OAAO,CAAC,MAAM,KAAK,KAAA,CAAC;AACpB,OAAO,CAAC,MAAM,MAAM,KAAA,CAAC;AACrB,OAAO,CAAC,MAAM,QAAQ,KAAA,CAAC;AACvB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,eAAe,KAAA,CAAC;AAC9B,OAAO,CAAC,MAAM,QAAQ,KAAA,CAAC;AACvB,OAAO,CAAC,MAAM,SAAS,KAAA,CAAC;AACxB,OAAO,CAAC,MAAM,MAAM,KAAA,CAAC;AACrB,OAAO,CAAC,MAAM,MAAM,KAAA,CAAC;AACrB,OAAO,CAAC,MAAM,QAAQ,KAAA,CAAC;AACvB,OAAO,CAAC,MAAM,eAAe,KAAA,CAAC;AAC9B,OAAO,CAAC,MAAM,KAAK,KAAA,CAAC;AACpB,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,KAAK,KAAA,CAAC;AACpB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,eAAe,KAAA,CAAC;AAC9B,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,OAAO,KAAA,CAAC;AACtB,OAAO,CAAC,MAAM,YAAY,KAAA,CAAC;AAC3B,OAAO,CAAC,MAAM,cAAc,KAAA,CAAC;AAC7B,OAAO,CAAC,MAAM,GAAG,KAAA,CAAC;AAClB,OAAO,CAAC,MAAM,MAAM,KAAA,CAAC;AACrB,OAAO,CAAC,MAAM,OAAO,KAAA,CAAC;AACtB,OAAO,CAAC,MAAM,IAAI,KAAA,CAAC;AACnB,OAAO,CAAC,MAAM,GAAG,KAAA,CAAC;AAClB,OAAO,CAAC,MAAM,SAAS,KAAA,CAAC;AACxB,OAAO,CAAC,MAAM,aAAa,KAAA,CAAC;AAC5B,OAAO,CAAC,MAAM,MAAM,KAAA,CAAC;AACrB,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,OAAO,KAAA,CAAC;AACtB,OAAO,CAAC,MAAM,gBAAgB,KAAA,CAAC;AAC/B,OAAO,CAAC,MAAM,cAAc,KAAA,CAAC;AAC7B,OAAO,CAAC,MAAM,iBAAiB,KAAA,CAAC;AAChC,OAAO,CAAC,MAAM,YAAY,KAAA,CAAC;AAC3B,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AAEzB,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAEL,YAAY,EACZ,aAAa,EACb,MAAM,EAGN,KAAK,EACL,MAAM,EACN,QAAQ,EACR,WAAW,EACX,eAAe,EACf,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,eAAe,EACf,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,KAAK,EACL,WAAW,EACX,eAAe,EACf,UAAU,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,OAAO,EACP,YAAY,EACZ,cAAc,EACd,GAAG,EACH,MAAM,EACN,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,EACT,aAAa,EACb,MAAM,EACN,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,UAAU,GACX,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|