Best JavaScript code snippets using builtins.Array.toArray(Showing top 10 results out of 315)

const DocTitle = ({ adminMeta, children }: Props) => {
 const text = Children.toArray(children).join('');
 const title = `${text} - ${adminMeta.name}`;

 return <DocumentTitle title={title} />;
}

/*
 * Transforms a React `Children` object into an array. The children of a `Step` are
 * a render prop and we need to call the function to get the children array.
 */
const childrenToArray = children => {
  if ( isFunction( children ) ) {
    children = children( { translate: identity } );
  }

  return Children.toArray( children );
}

function immutableKernel(mode) {
 const gpu = new GPU({ mode });
 const kernel = gpu.createKernel(function (v) {
  return v[this.thread.x] + 1;
 }, {
  output: [1],
  immutable: true,
  pipeline: true
 });

 // start with a value on CPU
 const output1 = kernel([1]);
 const result1 = output1.toArray(gpu)[0];

 // reuse that output, simulating that this value will be monitored, and updated via the same kernel
 // this is often used in neural networks
 const output2 = kernel(output1);
 const result2 = output2.toArray(gpu)[0];

 const output3 = kernel(output2);
 const result3 = output3.toArray(gpu)[0];

 assert.equal(result1, 2);
 assert.equal(result2, 3);
 assert.equal(result3, 4);
 gpu.destroy();
}

const hasChildrenOfType = (type, atLeast = 1) => (
 props,
 propType,
 componentName,
) => {
 if (Children.count(props[propType]) < atLeast) {
  const inflectedNoun = atLeast === 1 ? 'child' : 'children';
  return Error(
   `${componentName} requires at least ${atLeast} '${getDisplayName(
    type,
   )}' ${inflectedNoun}.`,
  );
 }

 const children = Children.toArray(props[propType]);
 for (let i = 0; i < children.length; i += 1) {
  const child = children[i];
  if (child.type !== type && !(child.type.prototype instanceof type)) {
   return Error(
    `${componentName} only allows '${getDisplayName(type)}' as children. ` +
     `Found '${getDisplayName(child.type)}'.`,
   );
  }
 }

 return undefined;
}

const ControlLabel = ({ isChecked, isDisabled, ...props }) => {
 const type = Children.toArray(props.children)[0].props.type;
 const borderRadius = type === 'checkbox' ? 3 : '2em';

 return (
  <label
   css={{
    alignItems: 'center',
    border: `1px solid ${colors.N10}`,
    borderRadius,
    display: 'flex',
    fontSize: '0.75em',
    fontWeight: 500,
    lineHeight: 1,
    transition: 'border-color 150ms linear',
    width: '100%',
    userSelect: 'none',

    ':hover, :focus': {
     borderColor: colors.N20,
    },
    ':active': {
     backgroundColor: colors.N05,
    },
   }}
   {...props}
  />
 );
}

const gutter = spacing / 2;
const length = Children.count(children);
const childArray = Children.toArray(children).filter(child => child); // filter out null and undefined children

const DocTitle = ({ adminMeta, children }: Props) => {
 const text = Children.toArray(children).join('');
 const title = `${text} - ${adminMeta.name}`;

 return <DocumentTitle title={title} />;
}

const hasChildrenOfType = (type, atLeast = 1) => (
 props,
 propType,
 componentName,
) => {
 if (Children.count(props[propType]) < atLeast) {
  const inflectedNoun = atLeast === 1 ? 'child' : 'children';
  return Error(
   `${componentName} requires at least ${atLeast} '${getDisplayName(
    type,
   )}' ${inflectedNoun}.`,
  );
 }

 const children = Children.toArray(props[propType]);
 for (let i = 0; i < children.length; i += 1) {
  const child = children[i];
  if (child.type !== type && !(child.type.prototype instanceof type)) {
   return Error(
    `${componentName} only allows '${getDisplayName(type)}' as children. ` +
     `Found '${getDisplayName(child.type)}'.`,
   );
  }
 }

 return undefined;
}

const ControlLabel = ({ isChecked, isDisabled, ...props }) => {
 const type = Children.toArray(props.children)[0].props.type;
 const borderRadius = type === 'checkbox' ? 3 : '2em';

 return (
  <label
   css={{
    alignItems: 'center',
    border: `1px solid ${colors.N10}`,
    borderRadius,
    display: 'flex',
    fontSize: '0.75em',
    fontWeight: 500,
    lineHeight: 1,
    transition: 'border-color 150ms linear',
    width: '100%',
    userSelect: 'none',

    ':hover, :focus': {
     borderColor: colors.N20,
    },
    ':active': {
     backgroundColor: colors.N05,
    },
   }}
   {...props}
  />
 );
}

const gutter = spacing / 2;
const length = Children.count(children);
const childArray = Children.toArray(children).filter(child => child); // filter out null and undefined children