icon
prop and use the label
prop.\n */\n assistiveText: PropTypes.shape({\n icon: PropTypes.string,\n }),\n /**\n * Disables the button and adds disabled styling.\n */\n disabled: PropTypes.bool,\n /**\n * Icon associated with the stateful button. Accepts an `Icon` component\n */\n icon: PropTypes.node,\n /**\n * Triggered when focus is removed.\n */\n onBlur: PropTypes.func,\n /**\n * Triggered when the button is clicked.\n */\n onClick: PropTypes.func,\n /**\n * Triggered when component is focused.\n */\n onFocus: PropTypes.func,\n /**\n * Triggered when a key is pressed down\n */\n onKeyDown: PropTypes.func,\n /**\n * Triggered when a key is pressed and released\n */\n onKeyPress: PropTypes.func,\n /**\n * Triggered when a key is released\n */\n onKeyUp: PropTypes.func,\n /**\n * Triggered when a mouse button is pressed down\n */\n onMouseDown: PropTypes.func,\n /**\n * Triggered when a mouse arrow hovers\n */\n onMouseEnter: PropTypes.func,\n /**\n * If true, button scales to 100% width on small form factors.\n */\n responsive: PropTypes.bool,\n /**\n * Initial label and icon (optional) of button.\n */\n stateOne: PropTypes.object,\n /**\n * Selected label and icon (optional) of button.\n */\n stateTwo: PropTypes.object,\n /**\n * Deselect label and icon (optional) of button.\n */\n stateThree: PropTypes.object,\n /**\n * Write "-1" if you don't want the user to tab to the button.\n */\n tabIndex: PropTypes.string,\n /**\n * Different types of buttons\n */\n variant: PropTypes.oneOf([\n 'base',\n 'neutral',\n 'brand',\n 'destructive',\n 'icon',\n 'icon-filled',\n ]),\n}
/Users/vu/forks/design-system-react/components/progress-indicator/private/step.jsx:21:propTypes = {\n /**\n * **Assistive text for accessibility**\n * This object is merged with the default props object on every render.\n * * `completedStep`: Label for a completed step. The default is `Completed Step`\n * * `disabledStep`: Label for disabled step. The default is `Disabled Step`\n * * `errorStep`: Label for a step with an error. The default is `Error Step`\n * * `percentage`: Label for Progress Bar. The default is `Progress: [this.props.value]%`. You will need to calculate the percentage yourself if changing this string.\n * * `step`: Label for a step. It will be typically followed by the number of the step such as "Step 1".\n */\n assistiveText: PropTypes.shape({\n completedStep: PropTypes.string,\n disabledStep: PropTypes.string,\n percentage: PropTypes.string,\n step: PropTypes.string,\n }),\n /**\n * Id for Steps, ranging in [0, steps.length).\n */\n id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n /**\n * Index of step. Used for id's if no step ID exists\n */\n index: PropTypes.number,\n /**\n * Determines if the step has been completed\n */\n\n isCompleted: PropTypes.bool,\n /**\n * Determines if the step has been disabled\n */\n isDisabled: PropTypes.bool,\n /**\n * Determines if the step contains an error\n */\n isError: PropTypes.bool,\n /**\n * Determines if the step is currently selected (active)\n */\n isSelected: PropTypes.bool,\n /**\n * Label of tooltip attached to the step if applicable.\n */\n label: PropTypes.node,\n /**\n * Triggered when click on individual steps. By default, it receives an event and returns all info passed to that step.\n * users are able to re-define it by passing a function as a prop\n */\n onClick: PropTypes.func,\n /**\n * Triggered when focus on individual steps. By default, it receives an event and returns all info passed to that step.\n * users are able to re-define it by passing a function as a prop\n */\n onFocus: PropTypes.func,\n /**\n * Step object. This is passed into event callbacks.\n */\n step: PropTypes.object,\n /**\n * Determines if the tooltip attached to step is always open.\n * This is mainly for dev test purpose.\n * Usually the tooltip should only show when hover.\n */\n tooltipIsOpen: PropTypes.bool,\n /**\n * Please select one of the following:\n * * `absolute` - (default if `variant` is `modal`) The dialog will use `position: absolute` and style attributes to position itself. This allows inverted placement or flipping of the dialog.\n * * `overflowBoundaryElement` - (default if `variant` is `base`) The dialog will overflow scrolling parents. Use on elements that are aligned to the left or right of their target and don't care about the target being within a scrolling parent. Typically this is a popover or tooltip. Dropdown menus can usually open up and down if no room exists. In order to achieve this a portal element will be created and attached to `body`. This element will render into that detached render tree.\n * * `relative` - No styling or portals will be used. Menus will be positioned relative to their triggers. This is a great choice for HTML snapshot testing.\n */\n tooltipPosition: PropTypes.oneOf([\n 'absolute',\n 'overflowBoundaryElement',\n 'relative',\n ]),\n}
/Users/vu/forks/design-system-react/components/data-table/cell.jsx:62:propTypes = {\n /**\n * The contents of the cell. This can be simple text or DOM nodes. Equivalent to `props.item[props.property]`\n */\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n /**\n * Class names to be added to the cell.\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Use this if you are creating an advanced table (selectable, sortable, or resizable rows)\n */\n fixedLayout: PropTypes.bool,\n /**\n * The item from the items which represents this row.\n */\n item: PropTypes.object,\n /**\n * The primary column for a row. This is almost always the first column.\n */\n primaryColumn: PropTypes.bool,\n /**\n * The property of this item to display.\n */\n property: PropTypes.string,\n /**\n * Shows on hover. Useful for truncated cells.\n */\n title: PropTypes.string,\n /**\n * Width of column. This is required for advanced/fixed layout tables. Please provide units. (`rems` are recommended)\n */\n width: PropTypes.string,\n}
/Users/vu/forks/design-system-react/components/icon-settings/index.jsx:55:propTypes = {\n /**\n * Path to the root icon folder\n * example: `/assets/icons`\n */\n iconPath: PropTypes.string,\n /**\n * Function to allow developers to return a custom icon path--for instance, on the same page with a local anchor (`#down`). This is helpful for when there are Cross-Origin Resource Sharing (CORS) issues with SVGs that are located on another domain such as a CDN. `({category, name}) => { return \`#${name}\` }`\n */\n onRequestIconPath: PropTypes.func,\n /**\n * Path to the action sprite\n * example: '@salesforce-ux/design-system/assets/icons/action-sprite/svg/symbols.svg';\n */\n actionSprite: PropTypes.string,\n /**\n * Path to the custom sprite\n * example: '@salesforce-ux/design-system/assets/icons/custom-sprite/svg/symbols.svg';\n */\n customSprite: PropTypes.string,\n /**\n * Path to the doctype sprite\n * example: '@salesforce-ux/design-system/assets/icons/doctype-sprite/svg/symbols.svg';\n */\n doctypeSprite: PropTypes.string,\n /**\n * Path to the standard sprite\n * example: '@salesforce-ux/design-system/assets/icons/standard-sprite/svg/symbols.svg';\n */\n standardSprite: PropTypes.string,\n /**\n * Path to the utility sprite\n * example: '@salesforce-ux/design-system/assets/icons/utility-sprite/svg/symbols.svg';\n */\n utilitySprite: PropTypes.string,\n}
/Users/vu/forks/design-system-react/components/illustration/index.jsx:104:propTypes = {\n /**\n * CSS classes that are applied to the SVG. _Tested with Mocha testing._\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * A heading text. It is required if illustration is present. _Tested with snapshot testing._ _Tested with Mocha testing._\n */\n heading: PropTypes.string,\n /**\n * A custom SVG object to use instead of the supplied SLDS illustrations, look in `design-system-react/icons` for examples and syntax. _Tested with snapshot testing._ _Tested with Mocha testing._\n */\n illustration: PropTypes.object,\n /**\n * Indicates whether the illustration SVGs are from the design-system-react repo. If yes, set to true.\n */\n internalIllustration: PropTypes.bool.isRequired,\n /**\n * A message body below the heading to further communicate the state of the component. _Tested with snapshot testing._ _Tested with Mocha testing._\n */\n messageBody: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /**\n * Name of the illustration. Visit Lightning Design System Illustration to reference illustration names. _Tested with snapshot testing._ _Tested with Mocha testing._\n */\n name: PropTypes.string,\n /**\n * Path to the illustration SVG image. _Tested with snapshot testing._\n */\n path: PropTypes.string,\n /**\n * Size of the illustration. _Tested with snapshot testing._ _Tested with Mocha testing._\n */\n size: PropTypes.oneOf(['small', 'large']),\n /**\n * Custom styles to be passed to the illustration SVG. _Tested with Mocha testing._\n */\n style: PropTypes.object,\n}
/Users/vu/forks/design-system-react/components/accordion/index.jsx:15:propTypes = {\n /**\n * CSS class names to be added to the accordion component. _Tested with snapshot testing._\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * HTML id for accordion component. _Tested with snapshot testing._\n */\n id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n /**\n * The panel content for the Accordion component. Accordion panels should be added as "-1"
if you don't want the user to tab to the button.\n */\n tabIndex: PropTypes.string,\n /**\n * If `true`, adds a transparent overlay when the menu is open to handle outside clicks. Allows clicks on iframes to be captured, but also forces a double-click to interact with other elements. If a function is passed, custom overlay logic may be defined by the app.\n */\n overlay: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n /**\n * Current selected menu item.\n */\n value: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n PropTypes.array,\n ]),\n /**\n * This prop is passed onto the triggering `Button`. It creates a tooltip with the content of the `node` provided.\n */\n tooltip: PropTypes.node,\n /**\n * Accepts a `Tooltip` component to be used as the template for menu item tooltips that appear via the `tooltipContent` options object attribute. Must be present for `tooltipContent` to work\n */\n tooltipMenuItem: PropTypes.node,\n /**\n * CSS classes to be added to wrapping trigger `div` around the button.\n */\n triggerClassName: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Whether this dropdown supports multi select.\n */\n multiple: PropTypes.bool,\n /**\n * To adjust the width of the menu dropdown\n */\n width: PropTypes.oneOf([\n 'xx-small',\n 'x-small',\n 'small',\n 'medium',\n 'bottom',\n 'large',\n ]),\n}
/Users/vu/forks/design-system-react/components/data-table/private/row.jsx:34:propTypes = {\n assistiveText: PropTypes.shape({\n actionsHeader: PropTypes.string,\n columnSort: PropTypes.string,\n columnSortedAscending: PropTypes.string,\n columnSortedDescending: PropTypes.string,\n selectAllRows: PropTypes.string,\n selectRow: PropTypes.string,\n }),\n canSelectRows: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.oneOf(['checkbox', 'radio']),\n ]),\n className: PropTypes.string,\n columns: PropTypes.arrayOf(\n PropTypes.shape({\n Cell: PropTypes.func,\n props: PropTypes.object,\n })\n ),\n /**\n * Use this if you are creating an advanced table (selectable, sortable, or resizable rows)\n */\n fixedLayout: PropTypes.bool,\n id: PropTypes.string.isRequired,\n item: PropTypes.object.isRequired,\n onToggle: PropTypes.func,\n rowActions: PropTypes.element,\n selection: PropTypes.array,\n tableId: PropTypes.string,\n }
/Users/vu/forks/design-system-react/components/radio-button-group/index.jsx:14:propTypes = {\n /**\n * **Assistive text for accessibility**\n * * `label`: This label appears in the legend.\n */\n assistiveText: PropTypes.shape({\n label: PropTypes.string,\n }),\n /**\n * Children are expected to be Radio components.\n */\n children: PropTypes.node.isRequired,\n /**\n * Custom CSS classes added to `slds-radio_button-group` node.\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * **Text labels for internationalization**\n * This object is merged with the default props object on every render.\n * * `error`: Message to display when any of Checkboxes are in an error state.\n * * `label`: This label appears above the button group.\n */\n labels: PropTypes.shape({\n error: PropTypes.string,\n label: PropTypes.string,\n }),\n /**\n * This event fires when the radio selection changes.\n */\n onChange: PropTypes.func,\n /**\n * Disable all radio inputs.\n */\n disabled: PropTypes.bool,\n /**\n * Adds an indicator that this field is required.\n */\n required: PropTypes.bool,\n /**\n * The name of this radio group.\n */\n name: PropTypes.string,\n /**\n * The ID of the error message, for linking to radio inputs with aria-describedby.\n */\n errorId: PropTypes.string,\n}
/Users/vu/forks/design-system-react/components/radio/index.jsx:20:propTypes = {\n /**\n * **Assistive text for accessibility**\n * This object is merged with the default props object on every render.\n * * `label`: This is used as a visually hidden label if, no `labels.label` is provided.\n */\n assistiveText: PropTypes.shape({\n label: PropTypes.string,\n }),\n /**\n * The ID of an element that describes this radio input. Often used for error messages.\n */\n 'aria-describedby': PropTypes.string,\n /**\n * The aria-labelledby attribute establishes relationships between objects and their label(s), and its value should be one or more element IDs, which refer to elements that have the text needed for labeling. List multiple element IDs in a space delimited fashion.\n */\n 'aria-labelledby': PropTypes.string,\n /**\n * This is a controlled component. This radio is checked according to this value.\n */\n checked: PropTypes.bool,\n /**\n * Class name to be passed to radio input wrapper ( `span` element)\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * This is the initial value of an uncontrolled form element and is present only to provide compatibility\n * with hybrid framework applications that are not entirely React. It should only be used in an application\n * without centralized state (Redux, Flux). "Controlled components" with centralized state is highly recommended.\n * See [Code Overview](https://github.com/salesforce/design-system-react/blob/master/docs/codebase-overview.md#controlled-and-uncontrolled-components) for more information.\n */ defaultChecked: PropTypes.bool,\n /**\n * Disable this radio input.\n */\n disabled: PropTypes.bool,\n /**\n * A unique ID that is used to associating a label to the `input` element. This ID is added to the `input` element.\n */\n id: PropTypes.string,\n /**\n * **Text labels for internationalization**\n * This object is merged with the default props object on every render.\n * * `heading`: Heading for the visual picker variant\n * * `label`: Label for the radio input\n */\n labels: PropTypes.shape({\n heading: PropTypes.string,\n label: PropTypes.string,\n }),\n /**\n * The name of the radio input group.\n */\n name: PropTypes.string,\n /**\n * This event fires when the radio selection changes. Passes in `event, { checked }`.\n */\n onChange: PropTypes.func,\n /**\n * The value of this radio input.\n */\n value: PropTypes.string,\n /**\n * Variant of the Radio button. Base is the default and button-group makes the radio button look like a normal button (should be a child of assistiveText.icon
prop and use the label
prop.\n */\n assistiveText: PropTypes.shape({\n icon: PropTypes.string,\n }),\n /**\n * CSS classes to be added to the 'li'.\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Determines position of separating bar.\n */\n dividerPosition: PropTypes.oneOf(['left', 'right']),\n /**\n * A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the dropdown to the triggering button.\n */\n id: PropTypes.string,\n /**\n * Allows the dropdown menu to style itself accordingly when open since CSS hover rules cannot take effect if the menu is not inline.\n */\n isOpen: PropTypes.bool,\n /**\n * Visible label on the dropdown menu trigger button.\n */\n label: PropTypes.string,\n /**\n * The dropdown menu.\n */\n menu: PropTypes.node,\n /**\n * Is only called when `openOn` is set to `hover` and when the triggering li loses focus.\n */\n onBlur: PropTypes.func,\n /**\n * This prop is passed onto the triggering `li`. Triggered when the trigger li is clicked.\n */\n onClick: PropTypes.func,\n /**\n * Is only called when `openOn` is set to `hover` and when the triggering li gains focus.\n */\n onFocus: PropTypes.func,\n /**\n * Called when a key pressed.\n */\n onKeyDown: PropTypes.func,\n /**\n * Called when mouse clicks down on the trigger `li`.\n */\n onMouseDown: PropTypes.func,\n /**\n * Called when mouse hovers over the trigger `li`.\n */\n onMouseEnter: PropTypes.func,\n /**\n * Called when mouse leaves trigger `li` or the menu.\n */\n onMouseLeave: PropTypes.func,\n /**\n * The ref of the actual triggering button.\n */\n triggerRef: PropTypes.func,\n }
/Users/vu/forks/design-system-react/components/button-group/index.jsx:20:propTypes = {\n /**\n * Children are expected to be components. If last button triggers a dropdown menu, use Dropdown instead of Button. _Tested with snapshot testing._\n */\n children: PropTypes.node.isRequired,\n /**\n * CSS classes added to `slds-button-group` or `slds-checkbox_button-group` tag\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * If the `labels.label` prop is set, a `.slds-form-element` classed fieldset element is added as a container. This prop applies classes to that element\n */\n classNameContainer: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * HTML id for component.\n */\n id: PropTypes.string,\n /**\n * **Text labels for internationalization**\n * This object is merged with the default props object on every render.\n * * `error`: Message to display when any of Checkboxes are in an error state. _Tested with snapshot testing._\n * * `label`: This label appears above the button group. _Tested with snapshot testing._\n */\n labels: PropTypes.shape({\n error: PropTypes.string,\n label: PropTypes.string,\n }),\n /**\n * Use checkbox variant for "Checkbox Button Group" styling and add Checkbox components as children _Tested with snapshot testing._\n */\n variant: PropTypes.oneOf(['checkbox', 'list']),\n}
/Users/vu/forks/design-system-react/components/global-navigation-bar/dropdown.jsx:63:propTypes = {\n /**\n * Whether the item is active or not.\n */\n active: PropTypes.bool,\n /**\n * Allows alignment of active item with active application background color.\n */\n activeBackgroundColor: PropTypes.string,\n /**\n * **Assistive text for accessibility.**\n * This object is merged with the default props object on every render.\n * * `icon`: Text that is visually hidden but read aloud by screenreaders to tell the user what the icon means. If the button has an icon and a visible label, you can omit the assistiveText.icon
prop and use the label
prop.\n */\n assistiveText: PropTypes.shape({\n icon: PropTypes.string,\n }),\n /**\n * Aligns the right or left side of the menu with the respective side of the trigger. This is not intended for use with `nubbinPosition`.\n */\n align: PropTypes.oneOf(['left', 'right']),\n /**\n * Extra classnames to apply to the dropdown menu.\n */\n className: PropTypes.string,\n /**\n * Determines position of separating bar.\n */\n dividerPosition: PropTypes.oneOf(['left', 'right']),\n /**\n * CSS classes to be added to `li` element.\n */\n buttonClassName: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the dropdown to the triggering button.\n */\n id: PropTypes.string,\n /**\n * Provided to List to indicate number of items visible in the List. Pass `null` to display all items, or a string containing one of the numeric option values listed under [Dropdown Height](https://www.lightningdesignsystem.com/components/menus/#flavor-dropdown-height) at the right (eg. '5').\n */\n length: PropTypes.oneOf([null, '5', '7', '10']),\n /**\n * Offset adds pixels to the absolutely positioned dropdown menu in the format: ([vertical]px [horizontal]px).\n */\n offset: PropTypes.string,\n /**\n * Triggered when an item in the menu is clicked.\n */\n onSelect: PropTypes.func,\n /**\n * An array of menu item.\n */\n options: PropTypes.array.isRequired,\n}
/Users/vu/forks/design-system-react/components/carousel/index.jsx:59:propTypes = {\n /**\n * Description of the carousel items for screen-readers.\n */\n assistiveText: PropTypes.object,\n /**\n * Interval for the autoplay iteration\n */\n autoplayInterval: PropTypes.number,\n /**\n * CSS classes that are applied to the main 'slds-carousel' classed component container\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Dictates the currently active/visible carousel panel. Use with `onRequestPanelChange` for a controlled carousel component. If not provided, the carousel will manage this itself via state.\n */\n currentPanel: PropTypes.number,\n /**\n * Boolean showing whether the autoplay button is available or not\n */\n hasAutoplay: PropTypes.bool,\n /**\n * Boolean for displaying the navigation indicators (left/right arrows) of the carousel\n */\n hasPreviousNextPanelNavigation: PropTypes.bool,\n /**\n * Id of component, if desired. If not provided an id is automatically generated\n */\n id: PropTypes.string,\n /**\n * Boolean that dictates whether autoplay is active or not. Use with `onRequestAutoplayToggle` for a controlled carousel component.\n */\n isAutoplayOn: PropTypes.bool,\n /**\n * Boolean for infinite loop navigation. Note: if not true autoplay will stop automatically at the last panel.\n */\n isInfinite: PropTypes.bool,\n /**\n * * **Array of item objects used by the default carousel item renderer.**\n * Each object can contain:\n * * `id`: The id of the carousel item. [REQUIRED]\n * * `heading`: Primary string that will be used as the heading\n * * `description`: Secondary string that is used to describe the item\n * * `buttonLabel`: If assigned a call to button action will be rendered with this text, if unassigned no button is rendered\n * * `imageAssistiveText`: Image alt text, if not present heading will be used instead\n * * `href`: Used for item link, if not provided 'javascript:void(0);' is used instead\n * * `src`: Item image src value\n */\n items: PropTypes.array.isRequired,\n /**\n * Number of items to be displayed at a time in the carousel\n */\n itemsPerPanel: PropTypes.number,\n /**\n * Accepts a custom carousel item rendering function\n */\n onRenderItem: PropTypes.func,\n /**\n * Called whenever `isAutoplayOn` is requested to be toggled on or off. Use with `isAutoplayOn` prop for a controlled carousel component. Passes an event object and a data object with the current `isAutoplayOn` value as an attribute.\n */\n onRequestAutoplayToggle: PropTypes.func,\n /**\n * Called whenever the panel is requested to change due to user interaction or auto-play. Use with `currentPanel` for a controlled carousel component. Passes an event object and a data object with `currentPanel` and `requestedPanel` attributes.\n */\n onRequestPanelChange: PropTypes.func,\n /**\n * Handler for clicking on a carousel item\n */\n onItemClick: PropTypes.func,\n }
/Users/vu/forks/design-system-react/components/split-view/index.jsx:13:propTypes = {\n /**\n * **Assistive text for accessibility**\n * * `toggleButtonOpen`: The button used to open the split view.\n * * `toggleButtonClose`: The button used to close the split view.\n */\n assistiveText: PropTypes.shape({\n toggleButtonOpen: PropTypes.string,\n toggleButtonClose: PropTypes.string,\n }),\n /**\n * HTML Id for the component.\n */\n id: PropTypes.string,\n /**\n * CSS classes to be added to the root `div` tag. Uses `classNames` [API](https://github.com/JedWatson/classnames).\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Sets the split view to be open or closed.\n */\n isOpen: PropTypes.bool,\n /**\n * Event Callbacks\n * * `onClose`: Triggered when the split view has closed.\n * * `onOpen`: Triggered when the split view has opened.\n */\n events: PropTypes.shape({\n onClose: PropTypes.func,\n onOpen: PropTypes.func,\n }),\n /**\n * The React component that is rendered in the master section.\n * You need to pass in an array of elements in order for the scrolling to in the SplitViewList to work correctly.\n * React requires that you also supply a unique `key` for each element [React Lists and Keys](https://reactjs.org/docs/lists-and-keys.html#keys).\n */\n master: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.element),\n PropTypes.element,\n ]).isRequired,\n /**\n * The width of the master section.\n */\n masterWidth: PropTypes.string,\n /**\n * The React component that is rendered in the detail section.\n */\n detail: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.element),\n PropTypes.element,\n ]).isRequired,\n}
/Users/vu/forks/design-system-react/components/page-header/index.jsx:34:propTypes = {\n /**\n * Optional class name\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * An array of detail blocks (used in "recordHome" variant)\n */\n details: PropTypes.array,\n /**\n * The label property can be a string or a React element\n */\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n /**\n * The page header icon. Expects an Icon component\n */\n icon: PropTypes.element,\n /**\n * The info property can be a string or a React element\n */\n info: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n /**\n * Makes PageHeader joinable with DataTable by adding appropriate classes/styling\n */\n joined: PropTypes.bool,\n /**\n * Used with the `object-home` variant. Accepts a node, typically a Dropdown component\n */\n nameSwitcherDropdown: PropTypes.node,\n /**\n * Actions content to appear on the upper right side of the page header.\n * Returned content must be either a SLDSPageHeaderControl component or an element/fragment with children that are all SLDSPageHeaderControl components.\n * Prop 'contentRight' will be deprecated soon, use 'onRenderActions' instead.\n */\n onRenderActions: PropTypes.func,\n /**\n * Controls content to appear on the lower right side of the page header.\n * Returned content must be either a SLDSPageHeaderControl component or an element/fragment with children that are all SLDSPageHeaderControl components.\n * Prop 'navRight' will be deprecated soon, use 'onRenderControls' instead.\n */\n onRenderControls: PropTypes.func,\n /**\n * The title property can be a string or a React element\n */\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n /**\n * An array of react elements presumably anchor elements.\n */\n trail: PropTypes.array,\n /**\n * The type of component\n * Note: Extra options are added to make the version backward compatible\n */\n variant: PropTypes.oneOf([\n 'base',\n 'object-home',\n 'record-home',\n 'related-list',\n ]),\n}
/Users/vu/forks/design-system-react/components/tooltip/index.jsx:31:propTypes = {\n /**\n * Alignment of the Tooltip relative to the element that triggers it.\n */\n align: PropTypes.oneOf([\n 'top',\n 'top left',\n 'top right',\n 'right',\n 'right top',\n 'right bottom',\n 'bottom',\n 'bottom left',\n 'bottom right',\n 'left',\n 'left top',\n 'left bottom',\n ]).isRequired,\n /**\n * **Assistive text for accessibility**\n * This object is merged with the default props object on every render.\n * * `tooltipTipLearnMoreIcon`: This text is inside the info icon within the tooltip content and exists to "complete the sentence" for assistive tech users.\n * * `triggerLearnMoreIcon`: This text is inside the info icon that triggers the tooltip in order to have text within the link.\n */\n assistiveText: PropTypes.shape({\n tooltipTipLearnMoreIcon: PropTypes.string,\n triggerLearnMoreIcon: PropTypes.string,\n }),\n /**\n * Pass the one element that triggers the Tooltip as a child. It must be an element with `tabIndex` or an element that already has a `tabIndex` set such as an anchor or a button, so that keyboard users can tab to it.\n */\n children: PropTypes.node,\n /**\n * Content inside Tooltip.\n */\n content: PropTypes.node.isRequired,\n /**\n * CSS classes to be added to the popover dialog. That is the element with `.slds-popover` on it.\n */\n dialogClassName: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Enabling this hides the default nubbin, replacing it with one attached directly to the tooltip trigger. Note: `hasStaticAlignment` should be set to `true` if using this feature as auto-flipping anchored nubbins are not currently supported.\n */\n hasAnchoredNubbin: PropTypes.bool,\n /**\n * By default, dialogs will flip their alignment (such as bottom to top) if they extend beyond a boundary element such as a scrolling parent or a window/viewpoint. `hasStaticAlignment` disables this behavior and allows this component to extend beyond boundary elements. _Not tested._\n */\n hasStaticAlignment: PropTypes.bool,\n /**\n * Delay on Tooltip closing in milliseconds. Defaults to 50\n */\n hoverCloseDelay: PropTypes.number,\n /**\n * Delay on Tooltip opening in milliseconds. Defaults to 0\n */\n hoverOpenDelay: PropTypes.number,\n /**\n * A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the popover to the triggering element.\n */\n id: PropTypes.string,\n /**\n * **Text labels for internationalization**\n * This object is merged with the default props object on every render.\n * * `learnMoreAfter`: This label appears in the tooltip after the info icon.\n * * `learnMoreBefore`: This label appears in the tooltip before the info icon.\n */\n labels: PropTypes.shape({\n learnMoreAfter: PropTypes.string,\n learnMoreBefore: PropTypes.string,\n }),\n /**\n * Forces tooltip to be open. A value of `false` will disable any interaction with the tooltip.\n */\n isOpen: PropTypes.bool,\n /**\n * Callback that returns an element or React `ref` to align the Tooltip with.\n */\n onRequestTargetElement: PropTypes.func,\n /**\n * CSS classes to be added to tag with `slds-tooltip-trigger`.\n */\n triggerClassName: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Please select one of the following:\n * * `absolute` - (default) The dialog will use `position: absolute` and style attributes to position itself. This allows inverted placement or flipping of the dialog.\n * * `overflowBoundaryElement` - The dialog will overflow scrolling parents. Use on elements that are aligned to the left or right of their target and don't care about the target being within a scrolling parent. Typically this is a popover or tooltip. Dropdown menus can usually open up and down if no room exists. In order to achieve this a portal element will be created and attached to `body`. This element will render into that detached render tree.\n * * `relative` - No styling or portals will be used. Menus will be positioned relative to their triggers. This is a great choice for HTML snapshot testing.\n */\n position: PropTypes.oneOf([\n 'absolute',\n 'overflowBoundaryElement',\n 'relative',\n ]),\n /**\n * Custom styles to be added to wrapping triggering `div`.\n */\n triggerStyle: PropTypes.object,\n /**\n * Determines the theme of tooltip: for informative purpose (blue background) or warning purpose (red background). This used to be `variant`.\n */\n theme: PropTypes.oneOf(['info', 'error']),\n /**\n * Determines the type of the tooltip.\n */\n variant: PropTypes.oneOf(['base', 'learnMore', 'list-item']),\n}
/Users/vu/forks/design-system-react/components/vertical-navigation/index.jsx:35:propTypes = {\n /**\n * HTML id for component. _Tested with snapshot testing._\n */\n id: PropTypes.string,\n /**\n * CSS class names to be added to the container element. _Tested with snapshot testing._\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Array of categories. The required shape is: `{id: string, label: string, items: array}`. The required shape of an item is `{id: string, label: string, url: string}`. All item ids are expected to be unique. _Tested with snapshot testing._\n */\n categories: PropTypes.array,\n /**\n * The ID of the item that is currently selected. Defaults to the ID of the first item. _Tested with Mocha framework._\n */\n selectedId: PropTypes.string,\n /**\n * Triggered when the selection changes. It receives an event and an item object in the shape: `event, {item: [object] }`. _Tested with Mocha framework._\n */\n onSelect: PropTypes.func,\n }
/Users/vu/forks/design-system-react/components/page-header/private/base/index.jsx:15:propTypes = {\n /**\n * The page header icon\n */\n icon: PropTypes.node,\n /**\n * The info property can be a string or a React element\n */\n info: PropTypes.node,\n /**\n * Nav content which appears in the upper right hand corner.\n * prop 'navRight' will be deprecated soon, use 'onRenderControls' instead\n */\n onRenderControls: PropTypes.func,\n /**\n * The title property can be a string or a React element\n */\n title: PropTypes.node,\n /**\n * The type of component\n */\n variant: PropTypes.string,\n}
/Users/vu/forks/design-system-react/components/carousel/private/carousel-indicators.jsx:124:propTypes = {\n /**\n * Carousel HTML ID\n */\n carouselId: PropTypes.string,\n /**\n * CSS classes that are applied to the component\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Selected indicator\n */\n currentIndex: PropTypes.number,\n /**\n * Passed from carousel parent state, dictates if indicator currently has focus\n */\n hasFocus: PropTypes.bool,\n /**\n * Array of objects with shape, needed for building a carousel items\n */\n items: PropTypes.array,\n /**\n * Number of items to be displayed at a time in the carousel\n */\n itemsPerPanel: PropTypes.number,\n /**\n * Number of indicators to be displayed (corresponds to the number of panels in the carousel)\n */\n noOfIndicators: PropTypes.number.isRequired,\n /**\n * Fires on indicator blur, allows parent carousel to adjust indicatorsHaveFocus state accordingly\n */\n onBlur: PropTypes.func,\n /**\n * Triggered when the indicator is clicked.\n */\n onClick: PropTypes.func,\n /**\n * Fires on indicator focus, allows parent carousel to adjust indicatorsHaveFocus state accordingly\n */\n onFocus: PropTypes.func,\n}
/Users/vu/forks/design-system-react/components/tooltip/private/field-level-help-tooltip.jsx:10:propTypes = {\n /*\n * Assistive Text object from parent component such as Input, Combobox, etc.\n */\n assistiveText: PropTypes.shape({\n triggerLearnMoreIcon: PropTypes.string,\n }),\n /*\n * Tooltip from external prop\n */\n fieldLevelHelpTooltip: PropTypes.node.isRequired,\n}
/Users/vu/forks/design-system-react/components/vertical-navigation/private/item.jsx:51:propTypes = {\n /**\n * Item to be rendered.\n */\n item: PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n url: PropTypes.string,\n }),\n /**\n * Whether item is selected or not.\n */\n isSelected: PropTypes.bool,\n /**\n * ID of the category this item belongs to.\n */\n categoryId: PropTypes.string.isRequired,\n /**\n * Function that will run whenever an item is selected.\n */\n onSelect: PropTypes.func,\n}
/Users/vu/forks/design-system-react/components/carousel/private/previous-next-carousel-navigator.jsx:36:propTypes = {\n /**\n * Description of the previous/next navigation icons for screen-readers.\n */\n assistiveText: PropTypes.string,\n /**\n * Name of icon displayed within the navigation button\n */\n iconName: PropTypes.oneOf(['chevronleft', 'chevronright']),\n /**\n * Determines where the navigator indicator has been disabled\n */\n isDisabled: PropTypes.bool,\n /**\n * Additional styles to be applied to the container\n */\n inlineStyle: PropTypes.object,\n /**\n * Triggered when the indicator is clicked.\n */\n onClick: PropTypes.func,\n}
/Users/vu/forks/design-system-react/components/split-view/header.jsx:10:propTypes = {}
/Users/vu/forks/design-system-react/components/carousel/private/carousel-item.jsx:74:propTypes = {\n /**\n * Label of the button to be displayed. If not provided, no button will be rendered.\n */\n buttonLabel: PropTypes.string,\n /**\n * Carousel HTML ID\n */\n carouselId: PropTypes.string,\n /**\n * CSS classes that are applied to the component\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Visible paragraph text to be displayed on the carousel item\n */\n description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /**\n * Carousel Item's visible heading\n */\n heading: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n href: PropTypes.string,\n /**\n * Id of the item component.\n */\n id: PropTypes.number.isRequired,\n /**\n * Image alt text\n */\n imageAssistiveText: PropTypes.string,\n /**\n * Boolean indicating whether this item is currently visible in the active parent carousel panel\n */\n isInCurrentPanel: PropTypes.bool,\n /**\n * Width of the carousel item\n */\n itemWidth: PropTypes.number,\n /**\n * Accepts a callback to handle when the a tag is focused on\n */\n onFocus: PropTypes.func,\n /**\n * Accepts a custom carousel item rendering function\n */\n onRenderItem: PropTypes.func,\n /**\n * Index of the panel this item belongs to, to be used when associating it to an indicator\n */\n panelIndex: PropTypes.number,\n /**\n * Path of the image to be used\n */\n src: PropTypes.string.isRequired,\n}
/Users/vu/forks/design-system-react/components/tree/index.jsx:22:propTypes = {\n /**\n * **Assistive text for accessibility.**\n * This object is merged with the default props object on every render.\n * * `label`: For users of assistive technology, if set the heading will be hidden. One of `heading` or `assistiveText.label` must be set in order to label the tree.\n */\n assistiveText: PropTypes.shape({\n label: PropTypes.string,\n }),\n /**\n * Class names to be added to the container element which has the heading and the `ul.slds-tree` element as children.\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Class names to be added to the top-level `ul` element of the tree.\n */\n listClassName: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * A function that will be called by every branch to receive its child nodes. The parent `node` object with the branch data is passed into this function: `getNodes(node)`. If your state engine is Flux or Redux, then your tree data structure will probably be flattened or normalized within the store. This will allow you to build out your tree without transversing an actual tree of data and may be more performant.\n */\n getNodes: PropTypes.func,\n /**\n * This is the tree's heading and describes its contents. It can be hidden, see `assistiveText`.\n * */\n heading: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n /**\n * HTML `id` of primary element that has `.slds-tree` on it. This component has a wrapping container element outside of `.slds-tree`.\n */\n id: PropTypes.string.isRequired,\n /**\n * Array of items starting at the top of the tree. The shape each node in the array is:\n * ```\n * {\n * expanded: boolean,\n * id: string,\n * label: string or node,\n * selected: boolean,\n * type: string,\n * nodes: array\n * }\n * ```\n * `assistiveText: string` is optional and helpful if the label is not a string. Only `id` and `label` are required. Use `type: 'branch'` for folder and categories.\n */\n nodes: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n .isRequired,\n label: PropTypes.oneOfType([PropTypes.node, PropTypes.string])\n .isRequired,\n type: PropTypes.string.isRequired,\n }),\n ])\n ).isRequired,\n /**\n * Function that will run whenever an item or branch is selected due to click or keyboard navigation.\n */\n onClick: PropTypes.func.isRequired,\n /**\n * This function triggers when the expand or collapse icon is clicked or due to keyboard navigation.\n */\n onExpandClick: PropTypes.func.isRequired,\n /**\n * This function triggers when the top-level `ul` element scrolls. This can be used to implement an "infinite scroll" pattern and update the `nodes` prop accordingly.\n */\n onScroll: PropTypes.func,\n /**\n * Highlights term if found in node label. This does not auto-expand branches.\n */\n searchTerm: PropTypes.string,\n /**\n * Styles to be added to the top-level `ul` element. Useful for `overflow:hidden`.\n */\n listStyle: PropTypes.object,\n}
/Users/vu/forks/design-system-react/components/card/private/footer.jsx:16:propTypes = {\n /**\n * Elements to place in the footer.\n */\n children: PropTypes.node,\n}
/Users/vu/forks/design-system-react/components/visual-picker/index.jsx:15:propTypes = {\n /**\n * HTML id for component.\n */\n id: PropTypes.string,\n /**\n * Visual Picker accepts `Checkbox`, `Radio` and `VisualPickerLink` components as children. Please see `Checkbox`, `Radio` and `VisualPickerLink` for props.\n */\n children: PropTypes.node,\n /**\n * CSS classes to be added to tag with `.slds-form-element`. Uses `classNames` [API](https://github.com/JedWatson/classnames).\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Label for the visual picker\n */\n label: PropTypes.string,\n /**\n * Whether the visual picker is coverable on selection\n */\n coverable: PropTypes.bool,\n /**\n * Whether the visual picker has a vertical layout\n */\n vertical: PropTypes.bool,\n /**\n * Whether the visual picker has links as children\n */\n links: PropTypes.bool,\n /**\n * Size for visual picker\n */\n size: PropTypes.oneOf(['medium', 'large']),\n}
/Users/vu/forks/design-system-react/components/split-view/listbox.jsx:22:propTypes = {\n /**\n * **Assistive text for accessibility**\n * * `list`: aria label for the list\n * * `sort`\n * * `sortedBy`: Clickable sort header for the list.\n * * `descending`: Descending sorting.\n * * `ascending`: Ascending sorting.\n */\n assistiveText: PropTypes.shape({\n list: PropTypes.string,\n sort: PropTypes.shape({\n sortedBy: PropTypes.string,\n descending: PropTypes.string,\n ascending: PropTypes.string,\n }),\n unreadItem: PropTypes.string,\n }),\n /**\n * CSS classes to be added to the parent `div` tag.\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Event Callbacks\n * * `onSelect`: Called when a list item is selected. Previously, this event was called when an item was focused. The UX pattern has changed and this event is now called on pressing enter or mouse click.\n * * event {object} List item click event\n * * Meta {object}\n * * selectedItems {array} List of selected items.\n * * item {object} Last selected item.\n * * `onSort`: Called when the list is sorted.\n * * event {object} Sort click event\n */\n events: PropTypes.shape({\n onSelect: PropTypes.func.isRequired,\n onSort: PropTypes.func,\n }),\n /**\n * HTML id for component.\n */\n id: PropTypes.string,\n /**\n * **Text labels for internationalization**\n * * `header`: This is the header of the list.\n */\n labels: PropTypes.shape({\n header: PropTypes.string,\n }),\n /**\n * The direction of the sort arrow. Option are:\n * * SORT_OPTIONS.UP: `up`\n * * SORT_OPTIONS.DOWN: `down`\n */\n sortDirection: PropTypes.oneOf([SORT_OPTIONS.UP, SORT_OPTIONS.DOWN]),\n /**\n * Allows multiple item to be selection\n */\n multiple: PropTypes.bool,\n /**\n * The list of items.\n * It is recommended that you have a unique `id` for each item.\n */\n options: PropTypes.array.isRequired,\n /**\n * Accepts an array of item objects. For single selection, pass in an array of one object.\n */\n selection: PropTypes.array,\n /**\n * Accepts an array of item objects. For single unread, pass in an array of one object.\n */\n unread: PropTypes.array,\n /**\n * Custom list item template for the list item content. The select and unread functionality wraps the custom list item.\n * This should be a React component that accepts props.\n */\n listItem: PropTypes.func,\n}
/Users/vu/forks/design-system-react/components/split-view/private/list-item-content.jsx:9:propTypes = {\n /**\n * **Item to be displayed**\n * * `label`: The main label displayed on the top left.\n * * `topRightText`: The text displayed on the top right.\n * * `bottomLeftText`: The text displayed on the bottom left.\n * * `bottomRightText`: The text displayed on the bottom right.\n */\n item: PropTypes.shape({\n label: PropTypes.string,\n topRightText: PropTypes.string,\n bottomLeftText: PropTypes.string,\n bottomRightText: PropTypes.string,\n }),\n}
/Users/vu/forks/design-system-react/components/date-picker/date-picker.jsx:37:propTypes = {\n /**\n * **Assistive text for accessibility**\n * This object is merged with the default props object on every render.\n * * `nextMonth`: Label for button to go to the next month _Tested with snapshot testing._\n * * `openCalendar`: Call to action label for calendar dialog trigger _Tested with snapshot testing._\n * * `previousMonth`: Label for button to go to the previous month _Tested with snapshot testing._\n */\n assistiveText: PropTypes.shape({\n nextMonth: PropTypes.string,\n openCalendar: PropTypes.string,\n previousMonth: PropTypes.string,\n year: PropTypes.string,\n }),\n /**\n * Aligns the right or left side of the menu with the respective side of the trigger. _Tested with snapshot testing._\n */\n align: PropTypes.oneOf(['left', 'right']),\n /**\n * CSS classes to be added to tag with `slds-datepicker`. If you are looking for the outer DOM node (slds-dropdown-trigger), please review `triggerClassName`. _Tested with snapshot testing._\n */\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Disable input and calendar. _Tested with Mocha framework._\n */\n disabled: PropTypes.bool,\n /**\n * This function callback receives a data object with a key of `date`. Write your own validation and return `true` if the date should be disabled, otherwise please return `false`. The value of `date` is the day rendered in the calendar with the current local time and timezone.\n */\n dateDisabled: PropTypes.func,\n /**\n * Date formatting function that formats the `value` prop (`value` is an ECMAScript `Date()` object) and returns a string to be rendered as the `input` value. Please use an external library such as [MomentJS](https://github.com/moment/moment/) for date formatting and internationalization. _Tested with snapshot testing._\n * The default `formatter` function is:\n * ```\n * formatter(date) {\n * return date\n * ? `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`\n * : '';\n * }\n * ```\n */\n formatter: PropTypes.func,\n /**\n * Value of input that gets passed to `parser` prop on initial render. This prop is only present for uncontrolled use of Datepicker which is _highly discouraged_. A better name for this prop would be `defaultFormatedValue`. Please use the `value` prop instead. _Not tested._\n */\n formattedValue: PropTypes.string,\n /**\n * Prevents the dropdown from changing position based on the viewport/window. If set to true your dropdowns can extend outside the viewport _and_ overflow outside of a scrolling parent. If this happens, you might want to consider making the dropdowns contents scrollable to fit the menu on the screen. `hasStaticAlignment` disables this behavior and allows this component to extend beyond boundary elements. _Not tested._\n */\n hasStaticAlignment: PropTypes.bool,\n /**\n * HTML id for component _Tested with snapshot testing._\n */\n id: PropTypes.string,\n /**\n * **Text labels for internationalization**\n * This object is merged with the default props object on every render.\n * * `abbreviatedWeekDays`: Three letter abbreviations of the days of the week, starting on Sunday. _Tested with snapshot testing._\n * * `months`: Names of the months. _Tested with snapshot testing._\n * * `label`: This label appears above the input.\n * * `placeholder`: Placeholder text for input. _Tested with snapshot testing._\n * * `today`: Label of shortcut to jump to today within the calendar. This is also used for assistive text on today's date. _Tested with snapshot testing._\n * * `weekDays`: Full names of the seven days of the week, starting on Sunday. _Tested with snapshot testing._\n */\n labels: PropTypes.shape({\n abbreviatedWeekDays: PropTypes.array,\n label: PropTypes.string,\n months: PropTypes.array,\n placeholder: PropTypes.string,\n today: PropTypes.string,\n weekDays: PropTypes.array,\n }),\n /**\n * An [Input](http://react.lightningdesignsystem.com/components/inputs/) component. The props from this `Input` component will be merged and override any default props. See [Component composition with prop spread](https://github.com/salesforce/design-system-react/blob/master/docs/codebase-overview.md#component-composition-with-prop-spread) for more information on this methodology.\n */\n input: PropTypes.node,\n /**\n * Forces the dropdown to be open or closed. See controlled/uncontrolled callback/prop pattern for more on suggested use view [Concepts and Best Practices](https://github.com/salesforce-ux/design-system-react/blob/master/CONTRIBUTING.md#concepts-and-best-practices)\n */\n isOpen: PropTypes.bool,\n /**\n * Makes Monday the first day of the week. _Tested with snapshot testing._\n */\n isIsoWeekday: PropTypes.bool,\n /**\n * Please select one of the following:\n * * `absolute` - (default) The dialog will use `position: absolute` and style attributes to position itself. This allows inverted placement or flipping of the dialog.\n * * `overflowBoundaryElement` - The dialog will overflow scrolling parents. Use on elements that are aligned to the left or right of their target and don't care about the target being within a scrolling parent. Typically this is a popover or tooltip. Dropdown menus can usually open up and down if no room exists. In order to achieve this a portal element will be created and attached to `body`. This element will render into that detached render tree.\n * * `relative` - No styling or portals will be used. Menus will be positioned relative to their triggers. This is a great choice for HTML snapshot testing.\n */\n menuPosition: PropTypes.oneOf([\n 'absolute',\n 'overflowBoundaryElement',\n 'relative',\n ]),\n /**\n * Triggered when the user wants to focus on a new day with the keyboard. If the target node is a day it will return the keyboard event a data object with the shape: `{date: [Date object]}`. Event will be `null` when new month is re-rendered. _Tested with Mocha framework._\n */\n onCalendarFocus: PropTypes.func,\n /**\n * Triggered when the date changes. `onChange` can be used for form validation if needed. It receives an event and a data object in the shape: `{date: [Date object], formattedDate: [string], timezoneOffset: [number]}`. `data.date` is Coordinated Universal Time (UTC), but the days of the calendar are in local time of the user. The `timezoneOffset` is the difference, in minutes, between UTC and the local time. Please note that this means that the offset is positive if the local timezone is behind UTC and negative if it is ahead. `timezoneOffset` is in minutes, for hours divide by `60`. _Tested with Mocha framework._\n */\n onChange: PropTypes.func,\n /**\n * Triggered when the calendar is closed. _Tested with Mocha framework._\n */\n onClose: PropTypes.func,\n /**\n * Triggered when the calendar has opened. _Tested with Mocha framework._\n */\n onOpen: PropTypes.func,\n /**\n * Function called when the calendar dialog would like hide. This will turn the calendar dialog into into a controlled component. Please use with `isOpen`. _Tested with Mocha framework._\n */\n onRequestClose: PropTypes.func,\n /**\n * Function called when the calendar dialog would like show. This will turn the calendar dialog into into a controlled component. Please use with `isOpen`. _Tested with Mocha framework._\n */\n onRequestOpen: PropTypes.func,\n /**\n * Custom function to parse date string from the `input` value, which must return an ECMAScript `Date()` object. Please use an external library such as [MomentJS](https://github.com/moment/moment/) for date parsing and internationalization. The default `parser` passes the input value to ECMAScript `Date()` and _prays_ for a miracle. **Do not use the default parsing function in production.** _Tested with snapshot testing._\n * The default `parser function is:\n * ```\n * parser(str) {\n * return new Date(str);\n * }\n * ```\n */\n parser: PropTypes.func,\n /**\n * Offset of year from current year that can be selected in the year selection dropdown. (2017 - 5 = 2012). _Tested with snapshot testing._\n */\n relativeYearFrom: PropTypes.number,\n /**\n * Offset of year from current year that can be selected in the year selection dropdown. (2017 + 5 = 2012). _Tested with snapshot testing._\n */\n relativeYearTo: PropTypes.number,\n /**\n * CSS classes to be added to tag with `slds-datepicker-trigger`. This is typically a wrapping `div` around the input. _Tested with snapshot testing._\n */\n triggerClassName: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n /**\n * Sets date with a `Date` ECMAScript object. _Tested with snapshot testing._\n */\n value: PropTypes.instanceOf(Date),\n}
/Users/vu/forks/design-system-react/components/builder-header/nav.jsx:10:propTypes = {\n /**\n * Provide children of the types `Lookup.DefaultFooter
.\n */\n footerRenderer: PropTypes.func,\n /**\n * Custom component for Lookup header. The default header has a search icon and shows the search term - see Lightning Design System Lookup > Base. To use the default header, pass in Lookup.DefaultHeader
.\n */\n headerRenderer: PropTypes.func,\n /**\n * Please refer to Lightning Design System Icons to view categories.\n */\n iconCategory: PropTypes.string,\n /**\n * If true, icon color is white. If false, icon color is the default text color.\n */\n iconInverse: PropTypes.bool,\n /**\n * Name of icon. Please refer to Lightning Design System Icons to view icon names.\n */\n iconName: PropTypes.string,\n /**\n * Determines whether the input's icon will display that icon on the left or the right.\n */\n iconPosition: PropTypes.oneOf(['left', 'right']),\n /**\n * Renders menu within the wrapping trigger as a sibling of the button. By default, you will have an absolutely positioned container at an elevated z-index.\n */\n isInline: PropTypes.bool,\n /**\n * Whether or not the dropdown menu is open. This overrides the default behavior.\n */\n isOpen: PropTypes.bool,\n /**\n * Form label for input.\n */\n label: PropTypes.string,\n /**\n * Custom component that overrides the default Lookup Item component.\n */\n listItemLabelRenderer: PropTypes.func,\n /**\n * Triggered when input focus is removed.\n */\n onBlur: PropTypes.func,\n /**\n * Triggered when the contents of the input changes.\n */\n onChange: PropTypes.func,\n /**\n * Triggered when input is focused.\n */\n onFocus: PropTypes.func,\n /**\n * Function called when the lookup dropdown would like hide. This will turn the Lookup into into a controlled component. Please use with `isOpen`.\n */\n onRequestClose: PropTypes.func,\n /**\n * Function called when the lookup dropdown would like show. This will turn the Lookup into into a controlled component. Please use with `isOpen`.\n */\n onRequestOpen: PropTypes.func,\n /**\n * Triggered when the user scrolls in the dropdown menu.\n */\n onScroll: PropTypes.func,\n /**\n * Triggered when an item is selected from the dropdown menu.\n */\n onSelect: PropTypes.func,\n /**\n * Triggered when an item is an item is removed from the input.\n */\n onUnselect: PropTypes.func,\n /**\n * Item added to the dropdown menu.\n */\n options: PropTypes.array.isRequired,\n /**\n * Text that will appear in an empty input.\n */\n placeholder: PropTypes.string,\n /**\n * If true, adds asterisk next to input label to indicate it is a required field.\n */\n required: PropTypes.bool,\n /**\n * Text passed on to header search input of dropdown menu.\n */\n searchTerm: PropTypes.string,\n /**\n * Custom component that overrides the default section divider\n */\n sectionDividerRenderer: PropTypes.func,\n /**\n * Index of current selected item. To clear the selection, pass in -1.\n */\n selectedItem: PropTypes.number,\n }
/Users/vu/forks/design-system-react/components/lookup/section-divider.jsx:8:propTypes = {\n data: PropTypes.object,\n}
/Users/vu/forks/design-system-react/components/tree/private/branch.jsx:94:propTypes = {\n /**\n * A function that will be called by every branch to receive its child nodes. The parent `node` object with the branch data is passed into this function: `getNodes(node)`. If your state engine is Flux or Redux, then your tree data structure will probably be flattened or normalized within the store. This will allow you to build out your tree without transversing an actual tree of data and may be more performant.\n */\n getNodes: PropTypes.func,\n /**\n * HTML `id` of the wrapping container element joined with the `id` of the node. This will recursively increase as the tree depth increases.\n */\n htmlId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n /**\n * All tree nodes must have a unique HTML `id` for users of assistive technology. If no `id` key is present in the is provided, one will be generated.\n */\n index: PropTypes.number,\n /**\n * Determines if nodes in the top-level of the tree.\n */\n initial: PropTypes.bool,\n /*\n * Class names to be added to the top-level `ul` element.\n */\n initalClassName: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n ]),\n initialStyle: PropTypes.object,\n /**\n * The text of the tree item.\n */\n label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n /**\n * The number of nestings. Determines the ARIA level and style alignment.\n */\n level: PropTypes.number.isRequired,\n /**\n * The current node that is being rendered.\n */\n node: PropTypes.object.isRequired,\n /**\n * Function that will run whenever an item or branch is selected (click or keyboard).\n */\n onSelect: PropTypes.func,\n /**\n * This function triggers when the expand or collapse icon is clicked.\n */\n onExpand: PropTypes.func.isRequired,\n /**\n * Highlights term if found in node label\n */\n searchTerm: PropTypes.string,\n /**\n * Unique id used for a prefix of all tree nodes. This is the prefix for subsequent `htmlId` props.\n */\n treeId: PropTypes.string,\n /**\n * Location of node (zero index). First node is `0`. It's first child is `0-0`. This can be used to modify your nodes without searching for the node. This index is only valid if the `nodes` prop is the same as at the time of the event.\n */\n treeIndex: PropTypes.string,\n /**\n * Flattened tree structure.\n */\n flattenedNodes: PropTypes.arrayOf(PropTypes.object),\n /**\n * Tree indexes of nodes that are currently selected.\n */\n selectedNodeIndexes: PropTypes.arrayOf(PropTypes.string),\n /**\n * Tree index of the node that is currently focused.\n */\n focusedNodeIndex: PropTypes.string,\n /**\n * Callback for when a node is blurred.\n */\n onNodeBlur: PropTypes.func,\n /**\n * Sets focus on render.\n */\n treeHasFocus: PropTypes.bool,\n /**\n * This node's parent.\n */\n parent: PropTypes.object,\n}
/Users/vu/forks/design-system-react/components/date-picker/private/navigation.jsx:15:propTypes = {\n /**\n * Label for button to go to the next month\n */\n assistiveTextNextMonth: PropTypes.string.isRequired,\n /**\n * Label for button to go to the previous month\n */\n assistiveTextPreviousMonth: PropTypes.string.isRequired,\n /**\n * Label for year picklist/combobox\n */\n assistiveTextYear: PropTypes.string.isRequired,\n /**\n * HTML id for component\n */\n id: PropTypes.string,\n /**\n * Date used to create calendar that is displayed. This is typically the initial day focused when using the keyboard navigation. Focus will be set to this date if available.\n */\n initialDateForCalendarRender: PropTypes.instanceOf(Date).isRequired,\n /**\n * Displayed calendar has changed or re-rendered\n */\n onChangeMonth: PropTypes.func.isRequired,\n /**\n * Names of the months\n */\n monthLabels: PropTypes.array.isRequired,\n /**\n * For keyboard navigation. In order to trap focus within the dialog, the first DOM node with a tab index should be listened to.\n */\n onPreviousMonthKeyDown: PropTypes.func,\n /**\n * Callback that passes in the DOM reference of the `