@procore/core-react 10.20.0-rc.73 → 10.20.0-rc.78
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/esm/components/Avatar/Avatar.types.d.ts +2 -2
- package/dist/esm/components/Banner/Banner.types.d.ts +1 -1
- package/dist/esm/components/TextEditor/TextEditor.d.ts +1 -1
- package/dist/esm/components/TextEditor/TextEditor.js +1 -1
- package/dist/esm/layouts/LegacyDetailPage/LegacyDetailPage.d.ts +42 -0
- package/dist/esm/layouts/LegacyDetailPage/LegacyDetailPage.js +45 -0
- package/dist/esm/layouts/LegacyDetailPage/LegacyDetailPage.js.map +1 -1
- package/dist/props/Avatar.json +1 -1
- package/dist/props/Banner.json +1 -1
- package/dist/props/Card.json +1 -1
- package/dist/props/Dropdown.json +1 -1
- package/dist/props/Form.json +1 -1
- package/dist/props/GridSource.json +1 -1
- package/dist/props/Input.json +1 -1
- package/dist/props/ListPage.json +1 -1
- package/dist/props/Menu.json +1 -1
- package/dist/props/Pagination.json +1 -1
- package/dist/props/Search.json +1 -1
- package/dist/props/SegmentedController.json +1 -1
- package/dist/props/Spinner.json +1 -1
- package/dist/props/Table.json +1 -1
- package/dist/props/Tabs.json +1 -1
- package/dist/props/TextArea.json +1 -1
- package/dist/props/TextEditor.json +1 -1
- package/dist/props/Token.json +1 -1
- package/dist/props/ToolHeader.json +1 -1
- package/dist/props/TreeSource.json +1 -1
- package/dist/props/allProps.json +3 -3
- package/package.json +7 -7
- package/storybook-static/0.908f4b9f.iframe.bundle.js +3 -0
- package/storybook-static/{4.6491b5f4.iframe.bundle.js.LICENSE.txt → 0.908f4b9f.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/0.908f4b9f.iframe.bundle.js.map +1 -0
- package/storybook-static/0.f317b2b1aa22ca35d526.manager.bundle.js +1 -0
- package/storybook-static/1.03c14768.iframe.bundle.js +1 -0
- package/storybook-static/2.c72159e3.iframe.bundle.js +1 -0
- package/storybook-static/4.c2d719b9516b3e7b9270.manager.bundle.js +2 -0
- package/storybook-static/{4.dba45d0ec467a07ec391.manager.bundle.js.LICENSE.txt → 4.c2d719b9516b3e7b9270.manager.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/5.3dc4ee7e2812b52f7b3b.manager.bundle.js +1 -0
- package/storybook-static/6.20114a54.iframe.bundle.js +1 -0
- package/storybook-static/{6.d3c92fcde841babec94b.manager.bundle.js → 6.c36979cf45b19f90ac82.manager.bundle.js} +2 -2
- package/storybook-static/{6.5a91849d.iframe.bundle.js.LICENSE.txt → 6.c36979cf45b19f90ac82.manager.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/{7.d4fae2502add4edac9c0.manager.bundle.js → 7.17b3d57a0c53a98555b6.manager.bundle.js} +1 -1
- package/storybook-static/7.8214fc76.iframe.bundle.js +3 -0
- package/storybook-static/{6.d3c92fcde841babec94b.manager.bundle.js.LICENSE.txt → 7.8214fc76.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/7.8214fc76.iframe.bundle.js.map +1 -0
- package/storybook-static/{8.7605581e3a5a6b73695e.manager.bundle.js → 8.0d3a51cc94a99c8fb018.manager.bundle.js} +1 -1
- package/storybook-static/8.31bbc211.iframe.bundle.js +1 -0
- package/storybook-static/iframe.html +223 -13
- package/storybook-static/index.html +17 -13
- package/storybook-static/main.1bec0bd6a3b35e087442.manager.bundle.js +1 -0
- package/storybook-static/main.923fa96f.iframe.bundle.js +1 -0
- package/storybook-static/runtime~main.06b0e942.iframe.bundle.js +1 -0
- package/storybook-static/{runtime~main.32eb6a7b06c6555f4158.manager.bundle.js → runtime~main.db01be243cf7788d54a6.manager.bundle.js} +1 -1
- package/storybook-static/vendors~main.244af15edeb1139c0c43.manager.bundle.js +2 -0
- package/storybook-static/{vendors~main.e7eaf8e22c8fa908767a.manager.bundle.js.LICENSE.txt → vendors~main.244af15edeb1139c0c43.manager.bundle.js.LICENSE.txt} +22 -0
- package/storybook-static/vendors~main.b95daf77.iframe.bundle.js +3 -0
- package/storybook-static/{vendors~main.ab534357.iframe.bundle.js.LICENSE.txt → vendors~main.b95daf77.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/vendors~main.b95daf77.iframe.bundle.js.map +1 -0
- package/typedoc.js +10 -0
- package/dist/esm/components/Header.d.ts +0 -20
- package/dist/esm/components/Header.js +0 -56
- package/dist/esm/components/Header.js.map +0 -1
- package/dist/esm/layouts/WXPDetailPage.d.ts +0 -47
- package/dist/esm/layouts/WXPDetailPage.js +0 -217
- package/dist/esm/layouts/WXPDetailPage.js.map +0 -1
- package/storybook-static/0.644ebad2.iframe.bundle.js +0 -1
- package/storybook-static/0.af45bde5577658633a6d.manager.bundle.js +0 -1
- package/storybook-static/4.6491b5f4.iframe.bundle.js +0 -3
- package/storybook-static/4.6491b5f4.iframe.bundle.js.map +0 -1
- package/storybook-static/4.dba45d0ec467a07ec391.manager.bundle.js +0 -2
- package/storybook-static/5.2214486c3e7d9232af22.manager.bundle.js +0 -1
- package/storybook-static/5.4e8baaf8.iframe.bundle.js +0 -1
- package/storybook-static/6.5a91849d.iframe.bundle.js +0 -3
- package/storybook-static/6.5a91849d.iframe.bundle.js.map +0 -1
- package/storybook-static/7.e0c7b743.iframe.bundle.js +0 -1
- package/storybook-static/main.59eab8f1b254aadacda2.manager.bundle.js +0 -1
- package/storybook-static/main.e7adb15f.iframe.bundle.js +0 -1
- package/storybook-static/runtime~main.b2dd57a7.iframe.bundle.js +0 -1
- package/storybook-static/vendors~main.ab534357.iframe.bundle.js +0 -3
- package/storybook-static/vendors~main.ab534357.iframe.bundle.js.map +0 -1
- package/storybook-static/vendors~main.e7eaf8e22c8fa908767a.manager.bundle.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"GridProps":[{"name":"children","type":"ReactNode","required":false,"description":"React nodes to be displayed next to the search bar"},{"name":"emptyState","required":false,"description":"<Code>{`{ text: string, image: string }`}</Code> props for{' '}\n<Code>EmptyState</Code> component shown when there are no items in\ngrid"},{"name":"getGroupId","required":false,"description":"A function called returning group ID of a given grid item that is used\nto sort items by group. Returns <Code>item.groupId</Code>\nby default."},{"name":"getId","required":false,"description":"A function called returning ID of a given grid item that is used to\nidentify the item. Returns <Code>item.id</Code> by default."},{"name":"getThumbnailLabel","required":false,"description":"A function called returning label of a given grid item that is used to\ndisplay the item's thumbnail label. Returns <Code>item.label</Code>\nby default."},{"name":"getThumbnailName","required":false,"description":"A function called returning name of a given grid item that is used to\ndisplay the item's thumbnail name. Returns <Code>item.name</Code> by\ndefault."},{"name":"getThumbnailSource","required":false,"description":"A function called returning thumbnail URL of a given grid item that is\nused to display the item's thumbnail image. Returns{' '}\n<Code>item.src</Code>\nby default."},{"name":"groups","required":false,"description":"<Code>{`{ id: string | number, title: string }[]`}</Code> object\nrepresenting file groups"},{"name":"icon","type":"ReactNode","required":true},{"name":"isLoading","type":"boolean","required":false,"description":"Show/Hide loading indicator of the content"},{"name":"isLoadingMore","type":"boolean","required":false,"description":"Show/Hide loading indicator at the list bottom"},{"name":"items","required":true,"description":"An array of arbitrarily-shaped objects representing grid items.{' '}\n<Code>getId</Code> <Code>getName</Code> and <Code>getThumbnail</Code>{' '}\nshould be used to bind the target shape to a view."},{"name":"qa","type":"QaTags","required":false},{"name":"searchQuery","type":"string","required":false,"description":"Allows controlling the search input value. Can be used with\n<Code>onSearch</Code> to customize the default string-based search"},{"name":"sourceId","type":"string","required":true},{"name":"title","type":"string","required":true},{"name":"onScrollBottom","type":"Promise","required":true,"description":"Optional <Code>function</Code> that automatically executes when\nscrolling reaches the last item."},{"name":"onSearch","type":"void","required":true,"description":"Allows customizing the default string-based search by passing a\ndifferent set of <Code>items</Code> every time\n<Code>onSearch</Code> is called with query string as a single\nparameter"}],"SearchBarProps":[{"name":"query","type":"string","required":true},{"name":"onChange","type":"void","required":true}]}
|
|
1
|
+
{"GridProps":[{"name":"children","type":"ReactNode","required":false,"description":"React nodes to be displayed next to the search bar"},{"name":"emptyState","required":false,"description":"<Code>{`{ text: string, image: string }`}</Code> props for{' '}\n<Code>EmptyState</Code> component shown when there are no items in\ngrid"},{"name":"getGroupId","required":false,"description":"A function called returning group ID of a given grid item that is used\nto sort items by group. Returns <Code>item.groupId</Code>\nby default."},{"name":"getId","required":false,"description":"A function called returning ID of a given grid item that is used to\nidentify the item. Returns <Code>item.id</Code> by default."},{"name":"getThumbnailLabel","required":false,"description":"A function called returning label of a given grid item that is used to\ndisplay the item's thumbnail label. Returns <Code>item.label</Code>\nby default."},{"name":"getThumbnailName","required":false,"description":"A function called returning name of a given grid item that is used to\ndisplay the item's thumbnail name. Returns <Code>item.name</Code> by\ndefault."},{"name":"getThumbnailSource","required":false,"description":"A function called returning thumbnail URL of a given grid item that is\nused to display the item's thumbnail image. Returns{' '}\n<Code>item.src</Code>\nby default."},{"name":"groups","required":false,"description":"<Code>{`{ id: string | number, title: string }[]`}</Code> object\nrepresenting file groups"},{"name":"icon","type":"ReactNode","required":true,"deprecated":"String icon variant is deprecated, use the React components directly from the `@procore/core-icons/dist` package\n"},{"name":"isLoading","type":"boolean","required":false,"description":"Show/Hide loading indicator of the content"},{"name":"isLoadingMore","type":"boolean","required":false,"description":"Show/Hide loading indicator at the list bottom"},{"name":"items","required":true,"description":"An array of arbitrarily-shaped objects representing grid items.{' '}\n<Code>getId</Code> <Code>getName</Code> and <Code>getThumbnail</Code>{' '}\nshould be used to bind the target shape to a view."},{"name":"qa","type":"QaTags","required":false},{"name":"searchQuery","type":"string","required":false,"description":"Allows controlling the search input value. Can be used with\n<Code>onSearch</Code> to customize the default string-based search"},{"name":"sourceId","type":"string","required":true},{"name":"title","type":"string","required":true},{"name":"onScrollBottom","type":"Promise","required":true,"description":"Optional <Code>function</Code> that automatically executes when\nscrolling reaches the last item."},{"name":"onSearch","type":"void","required":true,"description":"Allows customizing the default string-based search by passing a\ndifferent set of <Code>items</Code> every time\n<Code>onSearch</Code> is called with query string as a single\nparameter"}],"SearchBarProps":[{"name":"query","type":"string","required":true},{"name":"onChange","type":"void","required":true}]}
|
package/dist/props/Input.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"InputProps":[{"name":"error","type":"boolean","required":false,"description":"Controls the error state of the `Input`, changing the\nbackground color and border colors to red"},{"name":"variant","required":false}]}
|
|
1
|
+
{"InputProps":[{"name":"error","type":"boolean","required":false,"description":"Controls the error state of the `Input`, changing the\nbackground color and border colors to red"},{"name":"variant","required":false,"deprecated":"Use the `error` prop instead\n"}]}
|
package/dist/props/ListPage.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"DivProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"ListPageControlProps":[{"name":"alignRight","type":"boolean","required":false,"description":"Controls whether the contents will align to the right"},{"name":"block","type":"boolean","required":false,"description":"Controls whether the contents will attmpt to span the full width"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"search","type":"boolean","required":false,"description":"Sets width to a specific size for Search to fit"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","required":false}]}
|
|
1
|
+
{"DivProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"ListPageControlProps":[{"name":"alignRight","type":"boolean","required":false,"description":"Controls whether the contents will align to the right"},{"name":"block","type":"boolean","required":false,"description":"Controls whether the contents will attmpt to span the full width"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"search","type":"boolean","required":false,"description":"Sets width to a specific size for Search to fit"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","required":false,"deprecated":"please use the equivalent boolean prop instead\n"}]}
|
package/dist/props/Menu.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"MenuFooterProps":[{"name":"alignContent","type":"","required":false},{"name":"alignItems","type":"","required":false},{"name":"alignSelf","type":"","required":false},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"display","type":"","required":false},{"name":"flex","required":false,"description":"Alias to the `flex` property on a flexbox child."},{"name":"flexBasis","required":false,"description":"Alias to the `basis` property on a flexbox child."},{"name":"flexDirection","type":"","required":false,"description":"Alias to the `direction` property on a flexbox child."},{"name":"flexGrow","required":false,"description":"Alias to the `grow` property on a flexbox child."},{"name":"flexShrink","required":false,"description":"Alias to the `shrink` property on a flexbox child."},{"name":"flexWrap","type":"","required":false,"description":"Alias to the `wrap` property on a flexbox child."},{"name":"justifyContent","type":"","required":false},{"name":"margin","type":"string","required":false},{"name":"marginBottom","type":"","required":false},{"name":"marginLeft","type":"","required":false},{"name":"marginRight","type":"","required":false},{"name":"marginTop","type":"","required":false},{"name":"order","type":"number","required":false,"description":"Alias to the `order` property on a flexbox child"},{"name":"padding","type":"string","required":false},{"name":"paddingBottom","type":"","required":false},{"name":"paddingLeft","type":"","required":false},{"name":"paddingRight","type":"","required":false},{"name":"paddingTop","type":"","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"tabIndex","type":"number","required":false},{"name":"textAlign","type":"","required":false}],"MenuGroupProps":[{"name":"className","type":"string","required":false},{"name":"clickable","type":"boolean","required":false,"description":"Can the group item be clicked"},{"name":"item","type":"any","required":false,"description":"Value which can be passed around various callback functions. Can be anything!"}],"MenuHeaderProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"tabIndex","type":"number","required":false}],"MenuItemProps":[{"name":"children","type":"ReactNode","required":false},{"name":"className","type":"string","required":false},{"name":"index","type":"number","required":false},{"name":"item","type":"any","required":false,"description":"Value which can be passed around various callback functions. Can be anything!"},{"name":"ref","type":"Ref","required":false},{"name":"selected","type":"boolean","required":false,"description":"Is the item selected"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"suggested","type":"boolean","required":false},{"name":"onClick","type":"any","required":true}],"MenuOptionsProps":[{"name":"children","type":"ReactNode","required":false},{"name":"className","type":"string","required":false},{"name":"padding","type":"string","required":false},{"name":"scrollable","type":"boolean","required":false}],"MenuProps":[{"name":"UNSAFE_closesOnSelect","type":"boolean","required":false},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"isSelectable","type":"ElementTypeChecker","required":false},{"name":"keyHandlerRef","type":"RefObject","required":false,"description":"Ref object which will get the key handler listeners"},{"name":"scrollable","type":"boolean","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"usingHook","type":"MenuHook","required":false},{"name":"onScrollBottom","type":"void","required":true},{"name":"onSelect","type":"any","required":true,"description":"<div>Callback for selecting an item from the menu</div>\n<CodeBlock>\n{\n '({ event: ReactEvent, item: Menu.Item.props.item, group: bool }) => void'\n}\n</CodeBlock>\n<div>\n <Code>item</Code> will be the <Code>item</Code> prop supplied to the{' '}\n <Code>Item</Code> component\n <br />\n <Code>group</Code> will be <Code>true</Code> if the clicked item was\n a group label\n</div>"}],"MenuSearchProps":[{"name":"autoFocus","type":"boolean","required":false},{"name":"error","type":"boolean","required":false,"description":"Controls the error state of the `Input`, changing the\nbackground color and border colors to red"},{"name":"i18nScope","type":"string","required":false,"description":"The i18n key to use for the menu search's configurable strings. Defaults to\nusing the core library's default strings."},{"name":"initialValue","type":"string","required":false},{"name":"typeahead","type":"boolean","required":false},{"name":"usingHook","type":"","required":false},{"name":"value","type":"string","required":false,"description":"Initial value string"},{"name":"variant","required":false},{"name":"onClear","type":"void","required":true},{"name":"onSubmit","type":"void","required":true,"description":"<div>Input handler for search variant</div>\n<CodeBlock>(value: string) => void</CodeBlock>"}]}
|
|
1
|
+
{"MenuFooterProps":[{"name":"alignContent","type":"","required":false},{"name":"alignItems","type":"","required":false},{"name":"alignSelf","type":"","required":false},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"display","type":"","required":false},{"name":"flex","required":false,"description":"Alias to the `flex` property on a flexbox child."},{"name":"flexBasis","required":false,"description":"Alias to the `basis` property on a flexbox child."},{"name":"flexDirection","type":"","required":false,"description":"Alias to the `direction` property on a flexbox child."},{"name":"flexGrow","required":false,"description":"Alias to the `grow` property on a flexbox child."},{"name":"flexShrink","required":false,"description":"Alias to the `shrink` property on a flexbox child."},{"name":"flexWrap","type":"","required":false,"description":"Alias to the `wrap` property on a flexbox child."},{"name":"justifyContent","type":"","required":false},{"name":"margin","type":"string","required":false},{"name":"marginBottom","type":"","required":false},{"name":"marginLeft","type":"","required":false},{"name":"marginRight","type":"","required":false},{"name":"marginTop","type":"","required":false},{"name":"order","type":"number","required":false,"description":"Alias to the `order` property on a flexbox child"},{"name":"padding","type":"string","required":false},{"name":"paddingBottom","type":"","required":false},{"name":"paddingLeft","type":"","required":false},{"name":"paddingRight","type":"","required":false},{"name":"paddingTop","type":"","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"tabIndex","type":"number","required":false},{"name":"textAlign","type":"","required":false}],"MenuGroupProps":[{"name":"className","type":"string","required":false},{"name":"clickable","type":"boolean","required":false,"description":"Can the group item be clicked"},{"name":"item","type":"any","required":false,"description":"Value which can be passed around various callback functions. Can be anything!"}],"MenuHeaderProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"tabIndex","type":"number","required":false}],"MenuItemProps":[{"name":"children","type":"ReactNode","required":false},{"name":"className","type":"string","required":false},{"name":"index","type":"number","required":false},{"name":"item","type":"any","required":false,"description":"Value which can be passed around various callback functions. Can be anything!"},{"name":"ref","type":"Ref","required":false},{"name":"selected","type":"boolean","required":false,"description":"Is the item selected"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"suggested","type":"boolean","required":false},{"name":"onClick","type":"any","required":true}],"MenuOptionsProps":[{"name":"children","type":"ReactNode","required":false},{"name":"className","type":"string","required":false},{"name":"padding","type":"string","required":false},{"name":"scrollable","type":"boolean","required":false}],"MenuProps":[{"name":"UNSAFE_closesOnSelect","type":"boolean","required":false},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"isSelectable","type":"ElementTypeChecker","required":false,"deprecated":"\n<CodeBlock>\n (element: any, index?: number, list?: any[]) => boolean\n</CodeBlock>\n"},{"name":"keyHandlerRef","type":"RefObject","required":false,"description":"Ref object which will get the key handler listeners"},{"name":"scrollable","type":"boolean","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"usingHook","type":"MenuHook","required":false},{"name":"onScrollBottom","type":"void","required":true},{"name":"onSelect","type":"any","required":true,"description":"<div>Callback for selecting an item from the menu</div>\n<CodeBlock>\n{\n '({ event: ReactEvent, item: Menu.Item.props.item, group: bool }) => void'\n}\n</CodeBlock>\n<div>\n <Code>item</Code> will be the <Code>item</Code> prop supplied to the{' '}\n <Code>Item</Code> component\n <br />\n <Code>group</Code> will be <Code>true</Code> if the clicked item was\n a group label\n</div>"}],"MenuSearchProps":[{"name":"autoFocus","type":"boolean","required":false},{"name":"error","type":"boolean","required":false,"description":"Controls the error state of the `Input`, changing the\nbackground color and border colors to red"},{"name":"i18nScope","type":"string","required":false,"description":"The i18n key to use for the menu search's configurable strings. Defaults to\nusing the core library's default strings."},{"name":"initialValue","type":"string","required":false},{"name":"typeahead","type":"boolean","required":false,"deprecated":"Please use the new `Typeahead` component\n"},{"name":"usingHook","type":"","required":false},{"name":"value","type":"string","required":false,"description":"Initial value string"},{"name":"variant","required":false,"deprecated":"Use the `error` prop instead\n"},{"name":"onClear","type":"void","required":true},{"name":"onSubmit","type":"void","required":true,"description":"<div>Input handler for search variant</div>\n<CodeBlock>(value: string) => void</CodeBlock>"}]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"PresetPaginationProps":[{"name":"activePage","type":"number","required":false,"description":"Current page selected, 1 based."},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"fieldLabel","type":"string","required":false},{"name":"items","type":"number","required":true,"description":"Total number of items across pages."},{"name":"perPage","type":"number","required":false,"description":"Number of items per page."},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"onSelectPage","type":"void","required":true,"description":"A callback that receives the page selected."}]}
|
|
1
|
+
{"PresetPaginationProps":[{"name":"activePage","type":"number","required":false,"description":"Current page selected, 1 based."},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"fieldLabel","type":"string","required":false,"deprecated":"Pagination will handle i18n, please delete this prop.\n"},{"name":"items","type":"number","required":true,"description":"Total number of items across pages."},{"name":"perPage","type":"number","required":false,"description":"Number of items per page."},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"onSelectPage","type":"void","required":true,"description":"A callback that receives the page selected."}]}
|
package/dist/props/Search.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"SearchHook":[{"name":"domHandlers","required":true},{"name":"isEmpty","type":"boolean","required":true},{"name":"showSearch","type":"boolean","required":true},{"name":"value","type":"string","required":true},{"name":"clear","type":"void","required":true},{"name":"onChange","type":"void","required":true},{"name":"submit","type":"void","required":true}],"SearchHookConfig":[{"name":"initialValue","type":"string","required":false},{"name":"typeahead","type":"boolean","required":false},{"name":"onChange","type":"void","required":true,"description":"<div style={{ color: 'red' }}>\nDEPRECATED: Use the new Typeahead component\n</div>\n<br />\n<div>Input handler for typeahead variant</div>\n<CodeBlock>(event: ReactEvent) => void</CodeBlock>"},{"name":"onClear","type":"void","required":true},{"name":"onSubmit","type":"void","required":true,"description":"<div>Input handler for search variant</div>\n<CodeBlock>(value: string) => void</CodeBlock>"}],"SearchProps":[{"name":"autoFocus","type":"boolean","required":false},{"name":"error","type":"boolean","required":false,"description":"Controls the error state of the `Input`, changing the\nbackground color and border colors to red"},{"name":"initialValue","type":"string","required":false},{"name":"typeahead","type":"boolean","required":false},{"name":"usingHook","type":"","required":false},{"name":"value","type":"string","required":false,"description":"Initial value string"},{"name":"variant","required":false},{"name":"onClear","type":"void","required":true},{"name":"onSubmit","type":"void","required":true,"description":"<div>Input handler for search variant</div>\n<CodeBlock>(value: string) => void</CodeBlock>"}]}
|
|
1
|
+
{"SearchHook":[{"name":"domHandlers","required":true},{"name":"isEmpty","type":"boolean","required":true},{"name":"showSearch","type":"boolean","required":true},{"name":"value","type":"string","required":true},{"name":"clear","type":"void","required":true},{"name":"onChange","type":"void","required":true},{"name":"submit","type":"void","required":true}],"SearchHookConfig":[{"name":"initialValue","type":"string","required":false},{"name":"typeahead","type":"boolean","required":false,"deprecated":"Please use the new `Typeahead` component\n"},{"name":"onChange","type":"void","required":true,"description":"<div style={{ color: 'red' }}>\nDEPRECATED: Use the new Typeahead component\n</div>\n<br />\n<div>Input handler for typeahead variant</div>\n<CodeBlock>(event: ReactEvent) => void</CodeBlock>"},{"name":"onClear","type":"void","required":true},{"name":"onSubmit","type":"void","required":true,"description":"<div>Input handler for search variant</div>\n<CodeBlock>(value: string) => void</CodeBlock>"}],"SearchProps":[{"name":"autoFocus","type":"boolean","required":false},{"name":"error","type":"boolean","required":false,"description":"Controls the error state of the `Input`, changing the\nbackground color and border colors to red"},{"name":"initialValue","type":"string","required":false},{"name":"typeahead","type":"boolean","required":false,"deprecated":"Please use the new `Typeahead` component\n"},{"name":"usingHook","type":"","required":false},{"name":"value","type":"string","required":false,"description":"Initial value string"},{"name":"variant","required":false,"deprecated":"Use the `error` prop instead\n"},{"name":"onClear","type":"void","required":true},{"name":"onSubmit","type":"void","required":true,"description":"<div>Input handler for search variant</div>\n<CodeBlock>(value: string) => void</CodeBlock>"}]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"SegmentedControllerProps":[{"name":"active","type":"number","required":false,"description":"The segment is active"},{"name":"block","type":"boolean","required":false,"description":"The segment controller is block sized"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"disabled","type":"boolean","required":false,"description":"Disables all segments in the controller"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","required":false},{"name":"onChange","type":"void","required":true}],"SegmentedControllerSegmentProps":[{"name":"active","type":"boolean","required":false,"description":"The segment is active"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"disabled","type":"boolean","required":false,"description":"Is the segment disabled"},{"name":"placement","type":"Placement","required":false,"description":"To change the tooltip placement"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"tooltip","type":"ReactNode","required":false,"description":"The tooltip we want to display on hover"}],"SegmentedControllerTooltipProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"overlay","type":"any","required":false},{"name":"placement","type":"Placement","required":true},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}
|
|
1
|
+
{"SegmentedControllerProps":[{"name":"active","type":"number","required":false,"description":"The segment is active"},{"name":"block","type":"boolean","required":false,"description":"The segment controller is block sized"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"disabled","type":"boolean","required":false,"description":"Disables all segments in the controller"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","required":false,"deprecated":"Please use the `block` prop\n"},{"name":"onChange","type":"void","required":true}],"SegmentedControllerSegmentProps":[{"name":"active","type":"boolean","required":false,"description":"The segment is active"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"disabled","type":"boolean","required":false,"description":"Is the segment disabled"},{"name":"placement","type":"Placement","required":false,"description":"To change the tooltip placement"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"tooltip","type":"ReactNode","required":false,"description":"The tooltip we want to display on hover"}],"SegmentedControllerTooltipProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"overlay","type":"any","required":false},{"name":"placement","type":"Placement","required":true},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}
|
package/dist/props/Spinner.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"SpinnerProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"color","type":"Color","required":false,"description":"<span>\n Spinner color, one of the{' '}\n <Link to=\"/web/style/colors/#hsl-palette\">HSL Palette</Link> css\n strings\n</span>"},{"name":"label","type":"string","required":false,"description":"The spinner label, only displayed when used as an overlay"},{"name":"loading","type":"boolean","required":false,"description":"The spinner will show if loading is true"},{"name":"size","required":false,"description":"The size of the spinner"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","required":false}]}
|
|
1
|
+
{"SpinnerProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"color","type":"Color","required":false,"description":"<span>\n Spinner color, one of the{' '}\n <Link to=\"/web/style/colors/#hsl-palette\">HSL Palette</Link> css\n strings\n</span>"},{"name":"label","type":"string","required":false,"description":"The spinner label, only displayed when used as an overlay"},{"name":"loading","type":"boolean","required":false,"description":"The spinner will show if loading is true"},{"name":"size","required":false,"description":"The size of the spinner"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","required":false,"deprecated":"\"variant\" prop will be removed in a future version. Use \"color\" prop instead to set a spinner's color.\n"}]}
|
package/dist/props/Table.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"BodyCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"snugfit","type":"boolean","required":false,"description":"Shrink the cell around the contents"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"TableCellVariant","required":false,"description":"The table body cell variant"}],"BodyRowProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"overdue","type":"boolean","required":false,"description":"Sets row text color to red to signify overdue items"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"CaratProps":[{"name":"expanded","type":"boolean","required":false,"description":"Whether or not the carat is rotated"},{"name":"onClick","required":true}],"CurrencyCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"DateSelectCellProps":[{"name":"beforeHide","type":"BeforeCallback","required":false,"description":"<div>\n The callback to run before the overlay is hidden. Returning\n <Code>false</Code> will prevent hiding.\n</div>\n<CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>"},{"name":"beforeShow","type":"BeforeCallback","required":false,"description":"<div>\n The callback to run before the overlay is shown. Returning\n <Code>false</Code> will prevent showing.\n</div>\n<CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>"},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"disabled","type":"boolean","required":false},{"name":"error","type":"boolean","required":false,"description":"Error variant"},{"name":"errorMessage","type":"string","required":false,"description":"Message to be displayed below the date select during an error"},{"name":"processing","type":"boolean","required":false,"description":"Triggers the spinner that covers inline editable content"},{"name":"tabIndex","type":"number","required":false},{"name":"value","type":"Date","required":false},{"name":"variant","type":"DateInputVariant","required":false},{"name":"afterHide","type":"void","required":true},{"name":"afterShow","type":"void","required":true},{"name":"disabledDate","type":"boolean","required":true},{"name":"onChange","type":"void","required":true},{"name":"onClear","type":"void","required":true}],"GroupProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"colSpan","type":"number","required":false,"description":"Number of columns in table"},{"name":"depth","type":"number","required":false,"description":"Determines indentation of the group and content"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"GroupTitleProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"HeaderCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"snugfit","type":"boolean","required":false,"description":"Shrink the cell around the contents"},{"name":"sortable","type":"boolean","required":false,"description":"Is this the column sortable"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"TableCellVariant","required":false,"description":"Allows for setting ascending or descending sorting icon"}],"IconCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"InputCellProps":[{"name":"error","type":"boolean","required":false,"description":"Controls the error state of the `Input`, changing the\nbackground color and border colors to red"},{"name":"errorMessage","type":"string","required":false,"description":"Message to be displayed below the input during an error"},{"name":"processing","type":"boolean","required":false,"description":"Triggers the spinner for processing inline editable content"},{"name":"size","type":"InputCellSize","required":false,"description":"The size of the input cell and corresponding error message"},{"name":"variant","required":false}],"LinkCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"href","type":"string","required":true,"description":"Destination url"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"SelectCellProps":[{"name":"afterHide","required":false},{"name":"afterShow","required":false},{"name":"beforeHide","type":"BeforeCallback","required":false},{"name":"beforeShow","type":"BeforeCallback","required":false},{"name":"block","type":"boolean","required":false,"description":"Make the Select button 100% width"},{"name":"disabled","type":"boolean","required":false},{"name":"emptyMessage","type":"string","required":false,"description":"When there are no children this will render"},{"name":"error","type":"boolean","required":false},{"name":"errorMessage","type":"string","required":false,"description":"Message to be displayed below the select during an error"},{"name":"footer","type":"ReactNode","required":false},{"name":"hideDelay","type":"number","required":false},{"name":"i18nScope","type":"string","required":false,"description":"The i18n key to use for the select's configurable strings.\nDefaults to using the core library's default strings."},{"name":"label","type":"ReactNode","required":false},{"name":"loading","type":"boolean","required":false,"description":"If the select is loading"},{"name":"onScrollBottom","required":false},{"name":"onSelect","required":false},{"name":"optionsRef","type":"RefObject","required":false},{"name":"placeholder","type":"string","required":false,"description":"Renders when the label is blank"},{"name":"placement","type":"","required":false,"description":"The placement of the overlay"},{"name":"processing","type":"boolean","required":false,"description":"Triggers the spinner that covers inline editable content"},{"name":"qa","type":"Partial","required":false},{"name":"showDelay","type":"number","required":false},{"name":"tabIndex","type":"number","required":false,"description":"Configurable tabIndex for the select button"},{"name":"onClear","type":"void","required":true,"description":"It is possible for this component to have an empty value\n(render placeholder). Enables the x icon."},{"name":"onSearch","type":"void","required":true,"description":"Adds a search bar to the select."}],"TableProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"inline","type":"boolean","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"TableVariant","required":false,"description":"The table variant"}],"TextAreaCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"errorMessage","type":"string","required":false,"description":"Message to be displayed below the textarea during an error"},{"name":"processing","type":"boolean","required":false,"description":"Triggers the spinner for processing inline editable content"},{"name":"resizable","type":"boolean","required":false,"description":"Sets whether it is resizable"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"TextCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}
|
|
1
|
+
{"BodyCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"snugfit","type":"boolean","required":false,"description":"Shrink the cell around the contents"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"TableCellVariant","required":false,"description":"The table body cell variant"}],"BodyRowProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"overdue","type":"boolean","required":false,"description":"Sets row text color to red to signify overdue items"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"CaratProps":[{"name":"expanded","type":"boolean","required":false,"description":"Whether or not the carat is rotated"},{"name":"onClick","required":true}],"CurrencyCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"DateSelectCellProps":[{"name":"beforeHide","type":"BeforeCallback","required":false,"description":"<div>\n The callback to run before the overlay is hidden. Returning\n <Code>false</Code> will prevent hiding.\n</div>\n<CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>"},{"name":"beforeShow","type":"BeforeCallback","required":false,"description":"<div>\n The callback to run before the overlay is shown. Returning\n <Code>false</Code> will prevent showing.\n</div>\n<CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>"},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"disabled","type":"boolean","required":false},{"name":"error","type":"boolean","required":false,"description":"Error variant"},{"name":"errorMessage","type":"string","required":false,"description":"Message to be displayed below the date select during an error"},{"name":"processing","type":"boolean","required":false,"description":"Triggers the spinner that covers inline editable content"},{"name":"tabIndex","type":"number","required":false},{"name":"value","type":"Date","required":false},{"name":"variant","type":"DateInputVariant","required":false},{"name":"afterHide","type":"void","required":true},{"name":"afterShow","type":"void","required":true},{"name":"disabledDate","type":"boolean","required":true},{"name":"onChange","type":"void","required":true},{"name":"onClear","type":"void","required":true}],"GroupProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"colSpan","type":"number","required":false,"description":"Number of columns in table"},{"name":"depth","type":"number","required":false,"description":"Determines indentation of the group and content"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"GroupTitleProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"HeaderCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"snugfit","type":"boolean","required":false,"description":"Shrink the cell around the contents"},{"name":"sortable","type":"boolean","required":false,"description":"Is this the column sortable"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"TableCellVariant","required":false,"description":"Allows for setting ascending or descending sorting icon"}],"IconCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"InputCellProps":[{"name":"error","type":"boolean","required":false,"description":"Controls the error state of the `Input`, changing the\nbackground color and border colors to red"},{"name":"errorMessage","type":"string","required":false,"description":"Message to be displayed below the input during an error"},{"name":"processing","type":"boolean","required":false,"description":"Triggers the spinner for processing inline editable content"},{"name":"size","type":"InputCellSize","required":false,"description":"The size of the input cell and corresponding error message"},{"name":"variant","required":false,"deprecated":"Use the `error` prop instead\n"}],"LinkCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"href","type":"string","required":true,"description":"Destination url"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"SelectCellProps":[{"name":"afterHide","required":false},{"name":"afterShow","required":false},{"name":"beforeHide","type":"BeforeCallback","required":false},{"name":"beforeShow","type":"BeforeCallback","required":false},{"name":"block","type":"boolean","required":false,"description":"Make the Select button 100% width"},{"name":"disabled","type":"boolean","required":false},{"name":"emptyMessage","type":"string","required":false,"description":"When there are no children this will render"},{"name":"error","type":"boolean","required":false},{"name":"errorMessage","type":"string","required":false,"description":"Message to be displayed below the select during an error"},{"name":"footer","type":"ReactNode","required":false},{"name":"hideDelay","type":"number","required":false},{"name":"i18nScope","type":"string","required":false,"description":"The i18n key to use for the select's configurable strings.\nDefaults to using the core library's default strings."},{"name":"label","type":"ReactNode","required":false},{"name":"loading","type":"boolean","required":false,"description":"If the select is loading"},{"name":"onScrollBottom","required":false},{"name":"onSelect","required":false},{"name":"optionsRef","type":"RefObject","required":false},{"name":"placeholder","type":"string","required":false,"description":"Renders when the label is blank"},{"name":"placement","type":"","required":false,"description":"The placement of the overlay"},{"name":"processing","type":"boolean","required":false,"description":"Triggers the spinner that covers inline editable content"},{"name":"qa","type":"Partial","required":false},{"name":"showDelay","type":"number","required":false},{"name":"tabIndex","type":"number","required":false,"description":"Configurable tabIndex for the select button"},{"name":"onClear","type":"void","required":true,"description":"It is possible for this component to have an empty value\n(render placeholder). Enables the x icon."},{"name":"onSearch","type":"void","required":true,"description":"Adds a search bar to the select."}],"TableProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"inline","type":"boolean","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"TableVariant","required":false,"description":"The table variant"}],"TextAreaCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"errorMessage","type":"string","required":false,"description":"Message to be displayed below the textarea during an error"},{"name":"processing","type":"boolean","required":false,"description":"Triggers the spinner for processing inline editable content"},{"name":"resizable","type":"boolean","required":false,"description":"Sets whether it is resizable"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"TextCellProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}
|
package/dist/props/Tabs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"TabProps":[{"name":"active","type":"boolean","required":false,"description":"The tab is active"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"dark","type":"boolean","required":false,"description":"Whether or not tab is in dark mode"},{"name":"dropdown","type":"boolean","required":false},{"name":"onLayout","type":"Function","required":false},{"name":"overflowing","type":"boolean","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"TabVariant","required":false}],"TabsProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"dark","type":"boolean","required":false},{"name":"qa","type":"QaTags","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}
|
|
1
|
+
{"TabProps":[{"name":"active","type":"boolean","required":false,"description":"The tab is active"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"dark","type":"boolean","required":false,"description":"Whether or not tab is in dark mode"},{"name":"dropdown","type":"boolean","required":false,"deprecated":"This was never intended to be a public facing API and does not\ndo anything. It will be removed in the future.\n"},{"name":"onLayout","type":"Function","required":false},{"name":"overflowing","type":"boolean","required":false,"deprecated":"This was never intended to be a public facing API and does not\ndo anything. It will be removed in the future.\n"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"TabVariant","required":false,"deprecated":"please use the `active` and `dark` props to configure style. The\n`dropdown`, `hover`, and `overflowing` variants were only for internal use\nand should not be used in clients\n"}],"TabsProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"dark","type":"boolean","required":false},{"name":"qa","type":"QaTags","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}
|
package/dist/props/TextArea.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"TextAreaProps":[{"name":"error","type":"boolean","required":false,"description":"Controls the error state of the `TextArea`, changing the\nbackground color and border colors to red"},{"name":"resize","required":false,"description":"Controls the resize rules for the `TextArea`"},{"name":"variant","required":false}]}
|
|
1
|
+
{"TextAreaProps":[{"name":"error","type":"boolean","required":false,"description":"Controls the error state of the `TextArea`, changing the\nbackground color and border colors to red"},{"name":"resize","required":false,"description":"Controls the resize rules for the `TextArea`"},{"name":"variant","required":false,"deprecated":"Use the `error` prop instead\n"}]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"TextEditorProps":[{"name":"disabled","type":"boolean","required":false},{"name":"error","type":"boolean","required":false},{"name":"init","required":false},{"name":"initialValue","type":"string","required":false},{"name":"locale","type":"Locale","required":false,"description":"Locale which will be used used for localization. Can be passed directly or\nset by wrapping components in I18n provider. Icelandic (is-IS) is not\nactually supported by TinyMCE, so it is defaulted to english."},{"name":"plugins","required":false,"description":"<div>\n Array of plugins to use with the editor in addition to the defaults.\n Can be any of:\n</div>\n<CodeBlock>\n [{plugins.map((plugin) => `'${plugin}'`).join(', ')}]\n</CodeBlock>"},{"name":"onChange","type":"void","required":true,"description":"<div>onChange event handler for text editor area</div>\n<CodeBlock>(content: string) => void</CodeBlock>"}]}
|
|
1
|
+
{"TextEditorProps":[{"name":"disabled","type":"boolean","required":false},{"name":"error","type":"boolean","required":false},{"name":"init","required":false},{"name":"initialValue","type":"string","required":false,"deprecated":"please use the equivalent value prop instead\n"},{"name":"locale","type":"Locale","required":false,"description":"Locale which will be used used for localization. Can be passed directly or\nset by wrapping components in I18n provider. Icelandic (is-IS) is not\nactually supported by TinyMCE, so it is defaulted to english."},{"name":"plugins","required":false,"description":"<div>\n Array of plugins to use with the editor in addition to the defaults.\n Can be any of:\n</div>\n<CodeBlock>\n [{plugins.map((plugin) => `'${plugin}'`).join(', ')}]\n</CodeBlock>"},{"name":"onChange","type":"void","required":true,"description":"<div>onChange event handler for text editor area</div>\n<CodeBlock>(content: string) => void</CodeBlock>"}]}
|
package/dist/props/Token.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"LegacyIconProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"clickable","type":"boolean","required":false},{"name":"icon","type":"ReactNode","required":true,"description":"The token icon"},{"name":"size","type":"","required":false,"description":"The size of the icon"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"IconVariant","required":false,"description":"The icon variant"}],"TokenProps":[{"name":"disabled","type":"boolean","required":false,"description":"Disables the token"},{"name":"error","type":"boolean","required":false},{"name":"focused","type":"boolean","required":false},{"name":"variant","required":false}]}
|
|
1
|
+
{"LegacyIconProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"clickable","type":"boolean","required":false},{"name":"icon","type":"ReactNode","required":true,"description":"The token icon"},{"name":"size","type":"","required":false,"description":"The size of the icon"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"IconVariant","required":false,"description":"The icon variant"}],"TokenProps":[{"name":"disabled","type":"boolean","required":false,"description":"Disables the token"},{"name":"error","type":"boolean","required":false},{"name":"focused","type":"boolean","required":false},{"name":"variant","required":false,"deprecated":"Please use the `disabled` and `focused` boolean props\n"}]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"ToolHeaderBadgeProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","required":true,"description":"Controls the background/border/text colors of the Badge's pill"}],"ToolHeaderIconProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"icon","type":"string","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}
|
|
1
|
+
{"ToolHeaderBadgeProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","required":true,"description":"Controls the background/border/text colors of the Badge's pill"}],"ToolHeaderIconProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"icon","type":"string","required":false,"deprecated":"this will take an icon from '@procore/core-icons/dist' package\nin the near future. See Icon List page for further details\n"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"FileTreeProps":[{"name":"expanded","required":false,"description":"Array of keys of initially expanded nodes"},{"name":"icon","type":"ReactNode","required":true},{"name":"isLoading","type":"boolean","required":false,"description":"Show/Hide loading indicator of the content"},{"name":"options","required":true},{"name":"sourceId","type":"string","required":true},{"name":"title","type":"string","required":true},{"name":"getChildren","required":true,"description":"Should return an array of children nodes.\n<CodeBlock>{'(node: Node): Node[]'}</CodeBlock>"},{"name":"getLabel","type":"string","required":true,"description":"This function will be executed on each node. Should return{' '}\n<Code>label</Code> for row\n<CodeBlock>{'(node: Node): string'}</CodeBlock>"},{"name":"getParentId","type":"","required":true,"description":"This function will be executed on each node. Should return parent{' '}\n<Code>Node</Code>\n<CodeBlock>{'(node: Node): NodeId'}</CodeBlock>"},{"name":"getRoot","type":"","required":true,"description":"Function should return parent <Code>Root Node</Code>\n<CodeBlock>{'(): Node'}</CodeBlock>"},{"name":"getType","type":"NodeType","required":true,"description":"This function will be executed on each node. Should return{' '}\n<Code>'branch'</Code> or <Code>'leaf'</Code>\n<CodeBlock>{'(node: Node): NodeType'}</CodeBlock>"},{"name":"isExpandable","type":"boolean","required":true,"description":"Function of whether to enable tree node expansion/collapsing.\n<CodeBlock>{'(node: Node): boolean'}</CodeBlock>"},{"name":"isSelectable","type":"boolean","required":true,"description":"Function of whether to enable tree node selection.\n<CodeBlock>{'(node: Node): boolean'}</CodeBlock>"},{"name":"onChange","type":"void","required":true,"description":"Callback function fired with currently selected array of nodes.\n<CodeBlock>(nodes: DefaultNode[]) => void</CodeBlock>"},{"name":"onExpand","type":"Promise","required":true,"description":"Triggers when current node expand\n<CodeBlock>{'(node: Node): Promise<void>'}</CodeBlock>"}],"TreeSourceRef":[{"name":"setExpandedNodes","type":"void","required":true},{"name":"setValue","type":"void","required":true}]}
|
|
1
|
+
{"FileTreeProps":[{"name":"expanded","required":false,"description":"Array of keys of initially expanded nodes"},{"name":"icon","type":"ReactNode","required":true,"deprecated":"String icon variant is deprecated, use the React components directly from the `@procore/core-icons/dist` package\n"},{"name":"isLoading","type":"boolean","required":false,"description":"Show/Hide loading indicator of the content"},{"name":"options","required":true},{"name":"sourceId","type":"string","required":true},{"name":"title","type":"string","required":true},{"name":"getChildren","required":true,"description":"Should return an array of children nodes.\n<CodeBlock>{'(node: Node): Node[]'}</CodeBlock>"},{"name":"getLabel","type":"string","required":true,"description":"This function will be executed on each node. Should return{' '}\n<Code>label</Code> for row\n<CodeBlock>{'(node: Node): string'}</CodeBlock>"},{"name":"getParentId","type":"","required":true,"description":"This function will be executed on each node. Should return parent{' '}\n<Code>Node</Code>\n<CodeBlock>{'(node: Node): NodeId'}</CodeBlock>"},{"name":"getRoot","type":"","required":true,"description":"Function should return parent <Code>Root Node</Code>\n<CodeBlock>{'(): Node'}</CodeBlock>"},{"name":"getType","type":"NodeType","required":true,"description":"This function will be executed on each node. Should return{' '}\n<Code>'branch'</Code> or <Code>'leaf'</Code>\n<CodeBlock>{'(node: Node): NodeType'}</CodeBlock>"},{"name":"isExpandable","type":"boolean","required":true,"description":"Function of whether to enable tree node expansion/collapsing.\n<CodeBlock>{'(node: Node): boolean'}</CodeBlock>"},{"name":"isSelectable","type":"boolean","required":true,"description":"Function of whether to enable tree node selection.\n<CodeBlock>{'(node: Node): boolean'}</CodeBlock>"},{"name":"onChange","type":"void","required":true,"description":"Callback function fired with currently selected array of nodes.\n<CodeBlock>(nodes: DefaultNode[]) => void</CodeBlock>"},{"name":"onExpand","type":"Promise","required":true,"description":"Triggers when current node expand\n<CodeBlock>{'(node: Node): Promise<void>'}</CodeBlock>"}],"TreeSourceRef":[{"name":"setExpandedNodes","type":"void","required":true},{"name":"setValue","type":"void","required":true}]}
|
package/dist/props/allProps.json
CHANGED
|
@@ -814,7 +814,7 @@
|
|
|
814
814
|
"tags": [
|
|
815
815
|
{
|
|
816
816
|
"tag": "deprecated",
|
|
817
|
-
"text": "
|
|
817
|
+
"text": "Partially deprecated: string icon variant will be removed in the future. Please use the React components directly from the `@procore/core-icons/dist` package.\n"
|
|
818
818
|
}
|
|
819
819
|
]
|
|
820
820
|
},
|
|
@@ -1282,7 +1282,7 @@
|
|
|
1282
1282
|
},
|
|
1283
1283
|
{
|
|
1284
1284
|
"tag": "deprecated",
|
|
1285
|
-
"text": "\"xl\" will be removed in a future version.\n"
|
|
1285
|
+
"text": "Partially deprecated: \"xl\" will be removed in a future version. Please use \"lg\" instead of \"xl\".\n"
|
|
1286
1286
|
}
|
|
1287
1287
|
]
|
|
1288
1288
|
},
|
|
@@ -1987,7 +1987,7 @@
|
|
|
1987
1987
|
"tags": [
|
|
1988
1988
|
{
|
|
1989
1989
|
"tag": "deprecated",
|
|
1990
|
-
"text": "String
|
|
1990
|
+
"text": "String type is deprecated. Please pass an SVG icon instance.\n"
|
|
1991
1991
|
}
|
|
1992
1992
|
]
|
|
1993
1993
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@procore/core-react",
|
|
3
|
-
"version": "10.20.0-rc.
|
|
3
|
+
"version": "10.20.0-rc.78+333a2c929",
|
|
4
4
|
"description": "JSX implementations for core-css",
|
|
5
5
|
"main": "dist/esm/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"@storybook/addon-essentials": "6.3.7",
|
|
53
53
|
"@storybook/addon-storysource": "6.3.12",
|
|
54
54
|
"@storybook/addons": "6.4.0",
|
|
55
|
-
"@storybook/react": "6.
|
|
55
|
+
"@storybook/react": "6.4.8",
|
|
56
56
|
"@storybook/theming": "6.3.12",
|
|
57
57
|
"@testing-library/dom": "8.11.1",
|
|
58
58
|
"@testing-library/jest-dom": "5.16.0",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"@types/react-test-renderer": "17.0.1",
|
|
73
73
|
"@types/react-window": "1.8.5",
|
|
74
74
|
"@types/react-window-infinite-loader": "1.0.5",
|
|
75
|
-
"@types/styled-components": "5.1.
|
|
75
|
+
"@types/styled-components": "5.1.16",
|
|
76
76
|
"@types/yup": "0.29.13",
|
|
77
77
|
"@typescript-eslint/eslint-plugin": "4.33.0",
|
|
78
78
|
"@typescript-eslint/parser": "4.33.0",
|
|
@@ -100,9 +100,9 @@
|
|
|
100
100
|
"yup": "0.32.9"
|
|
101
101
|
},
|
|
102
102
|
"dependencies": {
|
|
103
|
-
"@procore/core-css": "10.20.0-rc.
|
|
104
|
-
"@procore/core-i18n-js": "10.20.0-rc.
|
|
105
|
-
"@procore/core-icons": "10.20.0-rc.
|
|
103
|
+
"@procore/core-css": "10.20.0-rc.78+333a2c929",
|
|
104
|
+
"@procore/core-i18n-js": "10.20.0-rc.78+333a2c929",
|
|
105
|
+
"@procore/core-icons": "10.20.0-rc.78+333a2c929",
|
|
106
106
|
"@tinymce/tinymce-react": "3.13.0",
|
|
107
107
|
"axios": "0.24.0",
|
|
108
108
|
"classnames": "2.3.1",
|
|
@@ -125,5 +125,5 @@
|
|
|
125
125
|
"react-dom": ">=16.8.0 < 18",
|
|
126
126
|
"styled-components": ">= 5.1.1 < 6"
|
|
127
127
|
},
|
|
128
|
-
"gitHead": "
|
|
128
|
+
"gitHead": "333a2c929e6c8ae4202b0a074c3fdd66fdb52e8e"
|
|
129
129
|
}
|